htmlで以下の様なファイル(ファイル名はindex.html)があったとします。
html
1<div class="wrapper1"> 2 表示1 3</div> 4 5<div class="wrapper2"> 6 表示2 7</div> 8 9<div class="wrapper3"> 10 表示3 11</div>
このページへアクセスする際に、以下の様に複数リンクが別ページ(ファイル名はlink.html)にあったとします。
html
1<a href="../index.html">リンクwrapper1だけ表示</a> 2<a href="../index.html">リンクwrapper2だけ表示</a> 3<a href="../index.html">リンクwrapper3だけ表示</a>
上記リンクの例えば、「リンクwrapper1だけ表示」をクリックするとindex.htmlのファイルの
div要素のwrapper1クラスだけを表示して、他のwrapper2、wrapper3は表示しないようにしたいです。
cssで各div要素をdisplay:none;に指定して、javascriptでクリックされたリンクだけblockにしたいのですが
どのようにすれば良いでしょうか?
javascript読むことは出来るのですが、実装の経験が不十分なため、経験と知識のある方ご教授ください。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/07/28 10:38