jquery点击功能slideup slidedown

时间:2013-03-20 16:59:03

标签: jquery click slidetoggle

您好我正在尝试使用jquery slideToggle,而是使用单击功能进行滑动和滑动。

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

这就是我现在所需要的,当你点击链接时我需要有两个单击功能,当你再次单击链接时它会滑动。

<script>

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


</script>

2 个答案:

答案 0 :(得分:0)

试试这个

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

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

答案 1 :(得分:0)

这不是与slidetoggle相关的问题。它不是针对随机导航菜单项,它只是不确定你想要哪一个。你使用一个类作为选择器,这就是原因。

行:

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

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

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

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