jQuery Helium Modal Examples:

open modal #1 open modal #1 again open modal #2

Alternatives: "I want an additional close or cancel button in my modal"

just use the "close" class on any element in your modal that should act as a close link. Like so…

<div id="your-modal-id" class="helium-modal">
    <div class="modal">
        content for your modal<br>
        <a href="" title="" class="close">additional close link</a>
        <a href="" class="close x-button">&times;</a>
    </div>
</div>

Alternatives: "I want to open or close my modal via javascript"

use the following jQuery inside any event

↓ select all

// to open ...
$('#your-modal-id').heliumModal('openModal');
// to close ...
$('#your-modal-id').heliumModal('closeModal');

Alternatives: "I want to initialize my modals separately"

If you want a different initialization for each modal just remove the "each" wrapper from the initialization script like so…

↓ select all

<script type="text/javascript" charset="utf-8">
$(function() {
    // repeat for each of your modals ===============================
    $('#your-modal-id-1').heliumModal({
        vert: 50,
        speed: 500,
        easing: 'easeOutBounce',
        onOpen: function(){ },  // callback for custom JS when modal opens
        onClose: function(){ }  // callback for custom JS when modal close
    });
    // end repeat ===================================================
});
</script>