2013-03-20 93 views
0

为什么我的手风琴菜单不起作用?jQuery菜单不滑动

菜单不滑落。

的jQuery:

$('.rights li').click(function(){ 
$('ol.content').slideDown(500); 
    $(this).next().slideUp('normal'); 
}); 

$('ol.content').hide(); 

的jsfiddle:http://jsfiddle.net/QEn6x/

+0

http://jqueryui.com/accordion/在Chrome中使用此 – btevfik 2013-03-20 09:00:43

+0

工作正常,我。 – Nelson 2013-03-20 09:02:35

回答

1

看到这个:Sample

$('.rights li').click(function(e) { 
    $(this).find('ol.content').slideDown(500); 
    $(this).siblings().find('ol.content').slideUp('normal'); 
    e.preventDefault(); 
}); 

$('ol.content').hide(); 
+0

thx工作非常好;) – Evolutio 2013-03-20 09:10:08

+0

什么是关闭所有菜单的代码?我必须设置切换或? – Evolutio 2013-03-20 09:11:30

+0

您需要再次单击时关闭打开的菜单吗? – Anujith 2013-03-20 09:13:10

0

问题是德的一个代码的网址。

添加e.preventDefault()并解决了问题。

$('.rights li').click(function(e) { 
    e.preventDefault(); 
    $('ol.content').slideDown(500); 
    $(this).next().slideUp('normal'); 
}); 
$('ol.content').hide(); 
+0

thx工作很好;) – Evolutio 2013-03-20 09:05:15