2010-03-11 22 views
1

我有一個UL列表,並且出於CSS樣式的原因,我需要將我希望用作手風琴頭的對象嵌套在LI中的div內。這樣的:如何在jQuery手風琴中嵌套我的標頭對象

<ul> 
    <li> 
     <div> 
      <h4>Header</h4> 
     </div> 
     <p>This is my content</p> 
    </li> 
    ... other lis... 
</ul> 

現在,我想連接我的手風琴:

$(document).ready(function() { 
    $('ul').accordion({ 
     header: '' //What do I put here? 
    }); 
}); 

當我設置的頭H4,這是行不通的,當我使用DIV,它只能在div下的填充邊緣在h4下方顯示它的邊緣處起作用。有沒有方法引用div中的h4作爲頭部?我試過'div> h4',但那不起作用。我相信這很簡單,但我還沒有發現。

提前歡呼。

回答

1

手風琴通過查找您的標頭選擇器匹配,然後調用.next()來獲取內容部分。所以對於你的標記,只需使用這個:

$('ul').accordion({ 
    header: 'li>div' //.next() will get the <p> 
}); 

我測試了這個,在這裏工作正常。

+0

如果您使用的是單擊事件,它似乎可以正常工作,但如果您使用的是鼠標懸停事件,則無法正常工作。 – BenAlabaster

+0

@BenAlabaster - 在Firefox,Chrome和IE中,我在這裏爲您工作,您遇到哪些瀏覽器問題? '('ul')。accordion({header:'li> div',event:'mouseover'});' –