Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Animate.css Issue (HELP PLEASE!)

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #169161
    Scott
    Participant

    Hey guys basically I am trying to animate a menu in, and then animate it out showing both animations. The problem is if I add display none it skips the out animation. How can I run the out animation then display none?

    Here is the code –
    $(‘#menu’).toggle(
    function(){
    $(“.menu”).removeClass(“animated rollOut”);
    $(“.menu”).addClass(“animated flipInX”);
    $(“.menu”).css(“display”,”block”);
    },
    function(){
    $(“.menu”).removeClass(“animated flipInX”);
    $(“.menu”).addClass(“animated rollOut”);
    $(“.menu”).css(“display”,”none”); <– if i add this it skips the rollOut animation
    });

    #169163
    Shaz3e
    Participant

    Any Demonstration?

    but let me tell you frankly that will be more easy with CSS3 you don’t need to use JS Codes

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.