2 
<ul>
    <li><a>home</li>
    <li><a onclick="erm()">about</li>
    <li><a>contact</li>
</ul>

<div id="all">
    <div id="home">Home</div>
    <div id="about">About</div>
    <div id="contact">Contact</div>
</div>

#all からの div は、最初は非表示になります。

ユーザーが「リンクについて」をクリックし、同時に兄弟を非表示にする場合、#about div の内容だけを表示するにはどうすればよいですか?

他のリンクについては、基本的に同じイベントで同じ関数を使用します。

疑似コードでさえ役立つかもしれませんが、私はそれを理解することができません。

jQuery はありませんが、vanilla Javascriptを使用してください。

4

1 に答える 1

4

解決策 ：

function hideAllChildrenButOne(parentId, toRevealId) {
     var children = document.getElementById(parentId).children;
     for (var i=0; i<children.length; i++) children[i].style.display="none";
     document.getElementById(toRevealId).style.display="block";
}
hideAllChildrenButOne('all', 'about');
于 2013-07-29T16:10:05.580 に答える