ToggleSlide子菜单

时间:2015-12-28 01:08:20

标签: jquery

我想创建jquery滑动子菜单。我试图让它持续2个小时,但没有效果。它无法正常工作

这是您可以在其中找到菜单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

我也想在菜单链接的其他地方单击菜单链接时关闭它。

1 个答案:

答案 0 :(得分:0)

你可以只使用CSS和HTML来做这个,这是一个比jquery更好的解决方案,因为它根本不需要javascript。

看看this guide