2014-03-27 83 views
0

我怎樣才能做一個手風琴菜單隻有幾個選項可擴展?我想有一個菜單jquery手風琴只有幾個可擴展

首頁,支持,銷售,其他

家有什麼也沒有,它只是一個鏈接。所以當你點擊家中時,不會發生任何擴展,它只是做我告訴鏈接要做的任何事情。

支持/銷售/其他有幾個選項。選項本身將是鏈接。

$(function() { 
    $(".leftMenu").accordion({ 
    heightStyle: "content", 
    active: false, 
    collapsible: true, 
    }); 
}); 

<h3><li id='home'>Home</li></h3> 
<h3>Support</h3> 
    <div> 
     <ul> 
     <li>New Tickets</li> 
     <li>Existing Tickets</li> 
     <li>Contact</li> 
     </ul> 
    </div> 
<h3>Other</h3> 
    <div> 
    <li>stuff</li> 
    <li>stuff</li> 
    </div> 
</div> 

如果我不每個H3下添加一個DIV,它得到所有的困惑。

fiddle

回答

1

看來,手風琴需要爲它

h元素後的股利例如與這個網站它會如預期

<div class='leftMenu'> 
    <h3 id ="home">Home</h3> 
    <div></div> 
    <h3>Support</h3> 
     <div> 
     <ul> 
      <li>New Tickets</li> 
      <li>Existing Tickets</li> 
      <li>Contact</li> 
     </ul> 
    </div> 
    <h3>Other</h3> 

    <div> 
     <li>stuff</li> 
     <li>stuff</li> 
    </div> 
</div> 

Fiddle

說明:將一對標題和內容面板轉換爲accor翁。 Accordion Docs

+0

是的,那是我停下來,有一個空白區域的擴大似乎很愚蠢。謝謝。 – bart2puck

+0

你可以解除對該元素的點擊,然後添加另一個點擊事件來做任何你想看到的更新小提琴http://jsfiddle.net/QwwVF/2/我認爲這將做伎倆 –

+0

恩,這將工作,謝謝。 – bart2puck