Выпадающее меню, якорь не работает

Question

Я создал выпадающее меню, и он отлично работает, за исключением якоря (a href="#") не работает.

Я думаю, что у сценария что-то не так, но я не могу понять это.

Может ли кто-нибудь мне помочь?

<ul class="menu"> 
    <li class="listMenu on"> 
     <a class="depth1" href="#">aaa</a> 
     <div class="depth2Wrap"> 
      <ul class="depth2"> 
       <li><a href="b.html">bbb</a></li> 
       <li><a href="c.html">ccc</a></li> 
      </ul> 
     </div> 
    </li> 
    <li class="listMenu"><a class="depth1" href="d.html">ddd</a></li> 
</ul> 

---

$(function($) { 
    var li = $('.menu>.listMenu'); 
    li.addClass('off'); 
    $('.menu .on').find('.depth2Wrap').show(); 

    $('.menu>.listMenu>a').click(function() { 
     var myArticle = $(this).parents('.listMenu:first'); 
     if(myArticle.hasClass('off')){ 
      li.addClass('off').removeClass('on'); 
      li.find('.depth2Wrap').slideUp(100); 
      myArticle.removeClass('off').addClass('on'); 
      myArticle.find('.depth2Wrap').slideDown(100); 
      li.removeClass('fir_sele'); 
     } else { 
      myArticle.removeClass('on').addClass('off'); 
      myArticle.find('.depth2Wrap').slideUp(100); 
      li.removeClass('fir_sele'); 
     } 
     return false; 
    }); 
}); 

Answer 1

Снимите следующие

return false; 

return false сообщает браузеру не завершить действие по умолчанию, который следующую ссылку.

См. What's the effect of adding 'return false' to a click event listener?