0

嗨，我正在尝试做一个 jquery slideToggle，而是使用带有单击功能的上滑和下滑。

我不想使用切换的原因是因为它针对我的所有链接并随机触发不打算下拉的导航。

这就是我目前拥有的，当您单击链接时，当您再次单击链接时，我需要有两个带有滑动的单击功能，并且当您再次单击链接时它会向上滑动。

<script>

      $('#principale li').click(function(e){
    $('.sub-menu').slideToggle();
});


</script>
4

2 回答 2

0

试试这个

<script>
    $(document).ready(function() {
        $('#principale li').click(function(e){
            $('.sub-menu').slideToggle("slow");
        });
    });
</script>

这是一个应用这个概念的简单小提琴：http: //jsfiddle.net/rKKcw/

于 2013-03-20T17:01:52.170 回答
0

这不是与滑动切换有关的问题。它不是针对随机导航菜单项，只是不确定您想要哪个。您正在使用一个类作为选择器，这就是原因。

该行：

$('.sub-menu').slideToggle();

我认为是造成你的问题。当使用类作为选择器时，匹配选择器的任何其他元素也将受到影响。不仅是您尝试更改的那个。您可以为所有这些分配不同的 ID，并动态地将 id 值传递给您的 click 函数，但这不是必需的，因为对 $(this) 的简单调用将解决您的问题。

如果没有看到您的 html，这很难给出解决方案，但如果您的菜单嵌套在列表项中，您可以这样做。

$(this).find('.sub-menu').slideToggle();
于 2013-03-20T17:06:08.233 回答