由于我的链接不起作用,希望这是你所追求的:
<ul> <li> <a id="first option" onClick="toggleDiv('myDiv1');">Option 1</a> </li> <li> <a id="first option" onClick="toggleDiv('myDiv2');">Option 2</a> </li> </ul> <div id="myDiv1"> <span>Some data here</span> </div> <div id="myDiv2" style="display:none"> <span>Div 2 data</span> </div> var currentActiveDiv = 'myDiv1'; toggleDiv = function(id){ var domElement = document.getElementById(id); if (currentActiveDiv && currentActiveDiv !== id){ var elementToHide = document.getElementById(currentActiveDiv); elementToHide.style.display = 'none'; } domElement.style.display = 'block'; currentActiveDiv = id; };
问候, 大卫。