Подменю ToggleSlide

Question

Я хочу создать подменю jquery slide. Я пытаюсь сделать это 2 часа, но никакого эффекта. Он не работает

Адрес: http://dev.craft-sector.eu/ Адрес http://dev.craft-sector.eu/. Есть два подменю, где находятся стрелки.

Вот мой JQ

<script> 
$("nav li a")closest.(li.main_li).hover(
    function() { 
    $(this).children("ul").stop(true,true).slideDown('slow'); 
    }, 
    function() { 
    $(this).children("ul").stop(true,true).slideUp('slow'); 
    } 
); 
</script> 

А вот меню

<nav> 
    <li class="active"><a href="#">Novinky</a></li> 
    <li class="main_li"><a href="#">O portálu <span id="symbol">q</span></a> 
     <ul class="submenu1"> 
      <li><a href="#">Jak se připojit</a></li> 
      <li><a href="#">Příkazy</a></li> 
      <li><a href="#">Pravidla</a></li> 
      <li><a href="#">Servery</a></li> 
      <li><a href="#">CraftSector - team</a></li> 
      <li><a href="#">Kontakty</a></li> 
      <li><a href="#">Prodpořte nás</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Fórum</a></li> 
    <li><a href="#">BanList</a></li> 
    <li class="main_li"><a href="#">Návody <span id="symbol">q</span></a> 
     <ul class="submenu1"> 
      <li><a href="#">Residence</a></li> 
      <li><a href="#">Fractions</a></li> 
      <li><a href="#">PaintBall</a></li> 
     </ul> 
    </li>       
    <li><a href="#">Shop</a></li> 
    <li><a href="#">VIP</a></li> 
</nav> 

щелчки не li элемент, но элемент, поэтому я не могу выбрать родительский li.

Я также хочу закрыть его, когда вы щелкаете в другом месте меню и в другой ссылке меню.

Answer 1

Вы можете сделать это, используя только CSS и HTML, что является лучшим решением, чем jquery, поскольку он вообще не требует javascript.

Посмотрите на this guide.