Question

嗯，我通过在结束标记之后加入来修复原始问题，但是现在，这些链接无法打开？

所以，基本上，在下面的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之前的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 ui，所以jquery就是这样：

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

Answer 1

您的内容中包含链接。请试试这个

“如果您在手风琴内容中有链接并使用a-elements作为标题，请为它们添加一个类并将其用作标题，例如标题：'a.header'。”

这是来自JQuery UI doco。

希望这会有所帮助：）

jquery手风琴 - 保持隐藏父元素？

1 个答案: