Floating MonsterLink example 1 Javascript

floating-monsterlink-1.js

// Floating MonsterLink Style 1
jQuery(document).ready(function ($) {

    //* Animate Floating MonsterLink into view on page load
    $('.floating-monsterlink.style1').addClass('show');

    //* Animate out of view function
    function closeFloatingMonsterLink(e) {
        e.preventDefault();
        $('.floating-monsterlink.style1').removeClass('show');
    }

    //* Triggers that run closeFloatingMonsterLink function
    // run closeFloatingMonsterLink when close icon is selected
    $('.floating-monsterlink.style1 .float-close').click(closeFloatingMonsterLink);

    // run closeFloatingMonsterLink when manual trigger campaign is successfully loaded
    $(document).on('om.Campaign.afterShow').click(closeFloatingMonsterLink);

});