-1

アコーディオンのタイトルがセレクターとハイパーリンクの両方として機能するようにしたいと考えています。それはどのように可能ですか？たとえば、タイトルの一部をセクション オープナーとして機能させ、別の部分をハイパーリンクとして機能させることは可能ですか?

リンクを挿入するだけでは機能しません:

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

1 に答える 1

0

HTML 5 を使用している場合は、セクション全体をアンカー タグでラップすることが有効になっているため、理論的には次のようなことができます。

<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およびヘッダーリンクタグのスタイルを設定するだけです...お役に立てば幸いです。

jsFiddle を作成することもできます。必要に応じて動作させることができます

于 2012-07-19T09:44:14.783 に答える