Question

I’m working on a menu that should slide up when you click a link on the main page to another page. I’m using

function menuLoad(){$('#menu').slideUp(600)};

function menuHide(){$('#menu').slideDown(600)};

How can I only call the menuLoad() function if the menu is hidden?

Answer 1

 $(".all-menu-links a").click(function() {
       $thisEl = $(this);
       if ($thisEl.hasClass("home")) {
            $("#menu").slideDown(600);
       } else {
            $("#menu").slideUp(600);
       }
 });

Markup structure should be something like this:

<div class="all-menu-links">
      <a class="home" href="#">Home</a>
      <a class="members" href="#">Members</a>
 </div>