Hero Content

Initialize

NkDialog

jQuery Dialog Plugin 1.1.0

Effect

Demo — Click

Vivamus arcu metus, volutpat a luctus ac, porttitor a purus. Maecenas arcu odio, cursus non suscipit non, pretium at ligula. Nullam leo purus, blandit sit amet lorem id, commodo pretium purus. Ut non eros sit amet est facilisis posuere. Sed congue, augue sed pharetra ultrices, sem diam convallis libero, vel lacinia erat dolor vel libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

HTML

<div class="nkdialog">
    <h3 class="nkdialog-header"></h3>
    <div class="nkdialog-content"></div>
    <p class="nkdialog-footer"></p>
</div>

Data Attribute

<div class="nkdialog" data-nkdialog='{"animate":{"effect":"fade"}}'></div>

Script

$('.nkdialog').NkDialog({
    animate: {
        effect: 'fade'
    }
});

Duration