2013-03-20 125 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