如何使手风琴部分既是选择器又是超链接？ [英] How to make accordion sections both selectors and hyperlinks?

问题描述

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

I want to make so that accordion titles work both as selectors and as hyperlinks. How is it possible? For example, is is possible to make one part of title to work as section opener and another one as hyperlink?

只需插入我的链接不起作用：

Just inserting my links does not work:

<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>

推荐答案

整个部分在锚点标记中，以便您可以在理论上做类似于

If your using html 5 it is now valid to wrap whole section in anchor tags so you could in theory do something like

<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和标题链接标记的样式...
希望有帮助。

Then you just have to style your h3 and header link tags with floats etc... Hope that helps.

您也可以创建一个jsFiddle，如果您喜欢，我可以使用它。

You can also create a jsFiddle and I can get it working if you like

这篇关于如何使手风琴部分既是选择器又是超链接？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！