このページの記事があります
このページでは、左側にナビゲーション リンクがあり、右側にコンテンツの読み込みがあります。
function showonlyone(thechosenone) {
$('div[name|="newboxes"]').each(function(index) {
if ($(this).attr("id") == thechosenone) {
$(this).show(200);
}
else {
$(this).hide(600);
}
});
}
私のナビはこんな感じ
<ul>
<li><a id="myHeader1" href="javascript:showonlyone('articles');" >ARTICLES</a></li>
<li><a id="myHeader1" href="javascript:showonlyone('whitepapers');" >WHITE PAPERS</a></li>
<li><a id="myHeader1" href="javascript:showonlyone('brochures');" >BROCHURES</a></li>
</ul>
私のコンテンツは次のようなdivにあります
<div id="articles" name="newboxes" style="display:none;">
<div id="whitepapers" name="newboxes" style="display:none;">
<div id="brochures" name="newboxes" style="display:none;">
基本的にこのページはインテリアページです。各セクションへのリンクを設定したいホームページがあるので、必要なセクションが既に表示されているので、ユーザーが再度クリックする必要はありません。
どうすればこれを行うことができますか?
助けてくれてありがとう。正しい用語を使用していない場合はお詫び申し上げます。