帶單鏈接的jquery手風琴

我有一個xml文檔，我使用XSLT創建了一個手風琴。如果該文件夾有孩子，xslt/xml應該只能創建一個h3手風琴。同時，我需要手風琴產生單頁鏈接。我怎樣才能做到這一點？排序很重要，所以我不能移動手風琴div以外的單頁鏈接....帶單鏈接的jquery手風琴

我的Google單頁鏈接打破了手風琴。我想保留所有元素h3s。有沒有辦法讓手風琴忽略沒有兄弟姐妹的h3s？

http://jsfiddle.net/gcqmv/

<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
      <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 


    <h3>Section 2</h3> 
    <div> 
      <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 

    <h3><a href="google.html">Single Page Link to Google</a></h3> 

    <h3>Section 3</h3> 
    <div> 
     <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 

</div>

來源

2013-10-09 runners3431

是因爲你沒有關閉你的/ a嗎？ –

剛關閉它。 – runners3431

你的谷歌的鏈接後，UL標籤沒有開口「<」。 a也錯過了結束標籤，使所有跟隨在谷歌鏈接的鏈接。我也把它扔到了html結構中，似乎也適合我。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
      <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 


    <h3>Section 2</h3> 
    <div> 
     <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 

    <h3><a href="google.html">Single Page Link to Google</a></h3> 

    <h3>Section 3</h3> 
    <div> 
     <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 

</div> 
</body> 
</html>

來源

2013-10-09 20:46:53 JeremyS

爲未來的stackoverflowers，我只是針對手風琴代碼與頭類。

<script> 
    $(function() { 

     $("h3").siblings(".banner").not(".active").hide(); 



     $("#accordion").accordion({ header: 'h3.folder', collapsible: true}); 
    }); 
    </script> 
</head> 
<body> 

<div id="accordion"> 
    <h3 class="folder">Section 1</h3> 
    <div> 
      <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 


    <h3 class="folder">Section 2</h3> 
    <div> 
      <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 

    <h3><a href="google.html">Single Page Link to Google</a></h3> 

    <h3 class="folder">Section 3</h3> 
    <div> 
     ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 

</div>

來源

2013-10-10 13:13:25 runners3431

帶單鏈接的jquery手風琴

回答

相關問題