2010-05-11 62 views
0

嗯,我通過在結束標記之後加入了我的原始問題,但現在,這些鏈接將不會打開?jquery手風琴 - 保持隱藏父元素?

所以,基本上,在下面的HTML,我想這樣只有服務部分滑開,但我希望H3標籤打開這些鏈接...

<div id="sp-accordion"> 
    <h3><a href="/?page_id=3">Home</a></h3><div></div> 
    <h3><a href="/?page_id=2">About Us</a></h3><div></div> 
    <h3><a href="#"> Services</a></h3> 
    <div> 
     <p><a href="/?page_id=16">S1</a></p> 
     <p><a href="/?page_id=14">S2</a></p> 
     <p><a href="/?page_id=20">S3</a></p> 
    </div> 
    <h3><a href="/?page_id=9">Contact Us</a></h3><div></div> 
    <h3><a href="/?page_id=5">Tips</a></h3><div></div> 
    <h3><a href="/?page_id=108">Jobs</a></h3><div></div> 
    <h3><a href="/?page_id=131">Newsletter</a></h3><div></div> 
</div> 

手風琴作品,當你點擊h3標籤時,容器會打開,但是當它滑開時,它會隱藏h3。因此,在下面的HTML,當我對「服務」的DIV點擊它下面滑開,但關於我們H3消失......

這是HTML:

<div id="sp-accordion"> 
    <h3><a href="/?page_id=3">Home</a></h3> 
    <h3><a href="/?page_id=2">About Us</a></h3> 
    <h3><a href="#"> Services</a></h3> 
    <div> 
     <p><a href="/?page_id=16">S1</a></p> 
     <p><a href="/?page_id=14">S2</a></p> 
     <p><a href="/?page_id=20">S3</a></p> 
    </div> 
    <h3><a href="/?page_id=9">Contact Us</a></h3> 
    <h3><a href="/?page_id=5">Tips</a></h3> 
    <h3><a href="/?page_id=108">Jobs</a></h3> 
    <h3><a href="/?page_id=131">Newsletter</a></h3> 
</div> 

我使用jQuery的用戶界面,所以jQuery只是這樣的:

$(document).ready(function() { 
    $("#sp-accordion").accordion({autoHeight:false}); 
    }); 

回答

0

你有你的內容中的鏈接。請嘗試此操作

「如果您在手風琴內容中有鏈接並使用a-elements作爲標題,請向它們添加一個類並將其用作標題,例如。header:'a.header'」。

這是來自JQuery UI doco。

希望這會有所幫助:)