Javascript 如何使手风琴节选择器和超链接？

我想让手风琴标题既可以作为选择器，也可以作为超链接。怎么可能呢？例如，是否可以使标题的一部分用作节的开头，另一部分用作超链接

仅插入我的链接不起作用：

<div id="accordion">
    <h3><a href="/myhtml1.html">First header</a></h3>
    <div>First content</div>
    <h3><a href="/myhtml2.html">Second header</a></h3>
    <div>Second content</div>
</div>

第一内容
第二内容

如果您使用的是HTML5，那么现在可以将整个部分包装在锚定标记中，这样理论上您就可以执行以下操作

<div id="accordion">
    <a href="#">
       <h3>First header</h3>
       <a href="/myhtml1.html">Header link</a>
    </a>
    <div>First content</div>
    <a href="#">
       <h3>Second header</h3>
       <a href="/myhtml2.html">Header link</a>
    </a>
    <div>Second content</div>
   </div>

第一内容
第二内容

然后你只需要用浮点数等设置你的h3和标题链接标签的样式。。。 希望有帮助

您还可以创建一个JSFIDLE，如果您愿意，我可以让它工作