2011-03-24 85 views
2

其實,我的sub-menu是在display : none。 我需要在jQuery中顯示類子菜單。 這怎麼辦?如何在jQuery中顯示子菜單?

<li class="menu-item" id="menu-item-2292"> 
<a href="/photos">Photos</a><br/> 
<ul class="sub-menu"><br/><li class="menu-item" id="menu-item-2296">Portrait</li> 
</ul> 
</li> 
+0

@ ExperimentX評論tu爲fait pour formatter le code comme il faut? Je n'arrive pas ... – Steffi 2011-03-24 10:31:39

+1

@Steffi你能用英語嗎我甚至不知道你在用什麼語言? – 2011-03-24 10:32:36

+0

法國人哈哈,對不起。你如何做這樣的代碼格式?請 ? – Steffi 2011-03-24 10:37:08

回答

3
$('.menu-item').hover(
    function() { 
    $('.sub-menu').show(); 
    }, 
    function() { 
    $('.sub-menu').hide(); 
    } 
); 
+1

PERFECT!我只是編輯第二個'show()'到'hide()'。但爲什麼你不使用'mouseover(function(){...})? – Steffi 2011-03-24 10:45:33

+0

@Steffi - 懸停與鼠標懸停類似...... – 2011-03-24 11:23:31

+1

http://api.jquery.com/hover/ – 2011-03-24 13:16:25

1

( 「.SUB菜單 」)顯示() - 顯示菜單

(「 .SUB菜單」)隱藏() - 隱藏菜單

+0

是的,但當我在'menu-item'上鼠標懸停時,'sub-menu'沒有顯示...爲什麼? – Steffi 2011-03-24 10:36:19

+0

你有沒有將父母的鼠標懸停在功能上? – 2011-03-24 10:39:38

+0

查看我的代碼:'$('。menu-item')。mouseover(function(){(「.sub-menu」)。show();});' – Steffi 2011-03-24 10:40:56