初心者のため、知見のある方、ご教示頂けますと幸いです。リストa,リストb,リストc とあり、

初心者のため、知見のある方、ご教示頂けますと幸いです。

【状況】
リストa,リストb,リストc とあり、
遷移先ページにアコーディオン形式のテキスト文1,2,3
があります。

【実装したいこと】
リストaのリンク先として遷移先ページの1のアコーディオン内容を開いた状態で表示（このとき2.3は閉じている）
同様にリストbのリンク先としては2のアコーディオンが開いた状態、
などそれぞれのリストに対応したアコーディオン展開内容のみを表示させたいｔのですが、実装は可能でしょうか？

また、他のサイトなどを見ているとJSでの条件分岐を使用するなど
回答を見かけたのですが、お勧めの方法があればご教示ください。

当方デザイナーでJqueryを多少扱える程度の者です。
よろしくお願いいたします。

ahodana

2017/07/28 06:15

件名を正しく分かりやすく

行動規範の内容に同意します

回答2件

javascript
1$('.accordions').hide();
2$(location.hash).show();

みたいな感じで書いておいて、

HTML
1<div id="accordion1" class="accordions">...</div>
2<div id="accordion2" class="accordions">...</div>
3<div id="accordion3" class="accordions">...</div>

みたいな感じの構造にしておけば、
/accordion.html#accordion1みたいなURLでリンクをすると、1番目のテキストだけ開く感じになるかと思います。
リンクを適切に貼れば遷移先をメンテナンスする必要がなくなるのが、長所かと。

逆に、「1と3を開けて2と4を閉じる」みたいな複雑なことはできないのが短所ですかね。

投稿2017/07/28 07:24