Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1388549
    art2media
    Participant

    Hi,

    I am using a slide-in with toggle button (not opened as default) and want to trigger it using css class or shortcode.

    How do I do this? I know it is possible to trigger slide-ins without toggle button (to open). But if I try to trigger it with active toggle button, the slide-in won’t open.

    #1388585
    art2media
    Participant

    Never mind, I solved it with a bit of jQuery.

    If anyone else has the same issue:

    
    jQuery(function($) {
        $('BUTTON_CLASS').on('click', function() {
            $('.cp-toggle-container').addClass('cp-slide-hide-btn');
            $('.cp-animate-container').addClass('smile-slideInRight').removeClass('cp-hide-slide');
        });
    });
    

    This will hide toggle button and the slide-in will animate from right. Just like a click on the toggle button.

    ConvertPlug settings:

    • Slide In Animation: Slide in Right
    • Advanced Design Options -> Position: Center Right
    #1388776
    Christian
    Moderator

    Glad you’ve sorted it out and thanks for sharing.

  • <script> jQuery(function($){ $("#no-reply-1388549 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>