jQuery UI Accordion as navigation

Question

我正在使用jQuery的手風琴UI元素進行頁面導航。 HTML結構是這樣的：

<ul id="#accordion"> 
    <li><a href="tables.php">Tables</a></li> 
    <li><a href="charts.php">charts</a></li> 
    <li><a href="statistics.php">Statistics</a> 
     <ul> 
      <li><a href="year1.php">Year 1</a></li> 
      <li><a href="year2.php">Year 2</a></li> 
     </ul> 
    </li> 
</ul> 

現在，當我打電話，像這樣

$("#accordion").accordion(); 

它的工作原理手風琴...居多。我點擊統計數據，第1年和第2年的鏈接精美地滾動出來。但是有些鏈接沒有子元素，比如前兩個（表格和圖表）。當點擊時，沒有任何反應。

這是我希望點擊鏈接（表格和圖表）的用戶轉到那些相應頁面的用戶，以及點擊統計信息（與嵌套ul鏈接）來查看嵌套ul的用戶。

我希望這是有道理的。

Answer 1

我不認爲你真的應該使用手風琴進行導航 - 它的目的是分離頁面上的信息塊，而不是在你網站的各個部分之間進行重定向。如果您在點擊手風琴後確實設法重定向到另一個頁面 - 當您重定向到另一個頁面時，手風琴將不得不重新設置等，這是不可行的。

另一件事是，對手風琴插件的HTML標記應該是這樣的：

<div id="accordion"> 
    <h3><a href="#">Tables</a></h3> 
    <div>Tables content goes here</div> 
    <h3><a href="#">Charts</a></h3> 
    <div>Charts content goes here</div> 
</div> 

這是直接從jQuery docs site。