Forums

AndyHowells

Howdy folks,

I'm having trouble with the below;

http://codepen.io/andyunleashed/pen/sfivk

FadeOut basically refuses to work on closing the nav menu - not sure what I'm doing wrong or what I might have missed. Any JS hero's in the house that can hook a brother up?

JoniGiuro

This works for me.

$('.nav-open a, li.close-nav').click(function() {
    if(!$('nav').hasClass('active'))
    {
        $('nav').removeClass('mobile-hide').fadeIn(400).addClass("active");
    }
    else
    {
      $('nav').fadeOut(400,function(){
        $('nav').removeClass('active').addClass("mobile-hide");
      })
    }
    return false;
});

There was a typo and I added a callback to the fadeOut as written here

jQuery fadeOut()

AndyHowells

@JoniGiuro - will you be my wife? Thanks so much for your help dude! Working perfect now, love it.

JoniGiuro

;) you're welcome

treehouse : what would you like to learn today?

Forums

[Solved] I got 99 problems and JQuery FadeOut is one.