トップハットのHTMLリンクで、メインコンテンツ領域のjsアコーディオンを正しい場所に開くようにします。たとえば、「About」リンクで「chirp...」セクションを開きたいとします。
http://imip.rvadv.com/index2.html
jsはよくわからないので、丁寧に説明してください。ありがとう。
トップハットのHTMLリンクで、メインコンテンツ領域のjsアコーディオンを正しい場所に開くようにします。たとえば、「About」リンクで「chirp...」セクションを開きたいとします。
http://imip.rvadv.com/index2.html
jsはよくわからないので、丁寧に説明してください。ありがとう。
次のように「自己紹介」リンクに設定してIDを設定します。
<a href="#aboutme" id="aboutme">
また、「chirp」セクションを開くリンク要素にIDを追加する必要があります。
<a href="#" id="chirp">Chirp. Would you like to know about me?<h2>Read the official birdwatcher's guide.</h2></a>
次に、jQuery.click()イベントを利用します。jQueryのドキュメントで説明されているように:
「説明:イベントハンドラーを「クリック」JavaScriptイベントにバインドするか、要素でそのイベントをトリガーします。」
例 :
$("#other").click(function() {
$("#target").click();
});
あなたのページに適用:
$("#aboutme").click(function() {
$("#chirp").click();
});
JSコードを「script」タグでラップすることを忘れないでください:
<script>
$("#aboutme").click(function() {
$("#chirp").click();
});
</script>