Javascript：想要2个不同的文本链接来显示2个不同的div（在同一个地方）

Question

不知道我是否应该使用z-index或隐藏的方法，我尝试了几种不同的方法，只是无法获得任何东西为我工作。

我可以得到一个链接显示一个，甚至有一个链接之间的两个洗牌，但我似乎无法得到2个不同的链接工作在两个不同的div。

代码现在是：

function toggle_visibility("music" , "contact") { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 

} 

<a href="#" onclick="toggle_visibility("music");">music</a> 
<a href="#" onclick="toggle_visibility("contact");">contact</a> 

<div id="music" style="display:none;"> stuff </div>

<div id="contact"> stuff </div>

Answer 1

也许类似以下内容？

http://jsfiddle.net/vhzAR/

HTML：

<a href="#" id="music_toggle">music</a> 
<a href="#" id="contact_toggle">contact</a> 
<div id="music" style="display:none;"> music stuff </div> 
<div id="contact"> contact stuff </div> 

的JavaScript：

function toggle_visibility(enable, disable) { 
    var e = document.getElementById(enable); 
    e.style.display = 'block'; 
    e = document.getElementById(disable); 
    e.style.display = 'none'; 
} 

document.getElementById('music_toggle').onclick = function() { 
    toggle_visibility('music', 'contact'); 
}; 

document.getElementById('contact_toggle').onclick = function() { 
    toggle_visibility('contact', 'music'); 
};