2013-03-20 234 views
0

嗨我想做一个jQuery的滑动切换,而不是滑动和滑动与点击功能。jquery点击功能滑动滑动

我不想使用切换的原因是因为它定位了我所有的链接并随机触发了一个不意味着下拉的导航。

这就是我目前所需要的,当你点击链接,并且当你再次点击链接时,它需要双击滑动功能。

<script> 

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


</script> 

回答

0

这不是有关的slideToggle的问题。它不是针对随机导航菜单项,它只是不确定具体哪一个你想要的。你正在使用一个类作为选择器,这就是为什么。

行:

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

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

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

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

你的绝对G!谢谢! – mariovass 2013-03-20 17:13:42

+0

高兴地帮助!:) – iAmClownShoe 2013-03-20 17:17:13

0

试试这个

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

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

+0

喜伴侣是一样的我以前的功能,它只是慢滑:( – mariovass 2013-03-20 17:06:52

+0

这是不对的。你的提琴是不完整的,因为它只有在它一个DIV。尝试把更多的div在那里。它不仅会永远滑动切换第一个。 – iAmClownShoe 2013-03-20 17:08:13