2010-05-11 73 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。

希望这会有所帮助:)