Какую добавить функцию в скрипт, что бы при нажатии на один из пунктов меню, оно складывалось?

Question

[Silver1994]

<nav class="clearfix">  
        <ul  class="clearfix">
          <li class="top12"><a href="#header">Кто мы?</a></li>
          <li><a href="#bl2">Навесное<br/> оборудование</a></li>
          <li class="top12"><a href="#bl7-2">Гарантии</a></li>
          <li><a href="#bl9">Частые<br/> вопросы</a></li>
        </ul> 
        <a href="#" id="pull">Меню  </a>  
      </nav>  
      <script>
       $(function() {
      var pull    = $('#pull');
        menu    = $('nav ul');
        menuHeight  = menu.height();

      $(pull).on('click', function(e) {
        e.preventDefault();
        menu.slideToggle();
      });

      $(window).resize(function(){
            var w = $(window).width();
            if(w > 320 && menu.is(':hidden')) {
              menu.removeAttr('style');
            }
        });
    });
      </script>

Answer 1

[coderisimo]

попробуйте добавить вот это и протестируйте

$('body').on('click' , 'li' , function(e){
e.preventDefault();
menu.slideToggle();
});

Comments

[Silver1994]

Да спасибо работает, меню закрывается, НО не срабатывает тогда якорь, а нужно что бы при клике перебрасывало в заданную часть лединга и закрывалось меню!

[coderisimo]

а если убрать e.preventDefault(); ? (2-я строчка)

[Silver1994]

все отлично, премного благодарен!!!

[coderisimo]

Silver1994: Не за что. Тут все просто. Главное , не просто копипастить , а понять что происходит , чтобы приобрести опыт на будущее.

[Silver1994]

согласен