替換舊內容的新內容隱藏並顯示

Question

我正在處理隱藏和顯示具有不同內容的div。當我點擊一個鏈接時，我想要顯示一個div。但是當我點擊另一個鏈接時，我希望新內容替換以前的內容。現在，它屬於它而不是取而代之。任何解決方案

的Javascript

function show(){ 

var links = { 
link1: "content1", 
link2: "content2", 
link3: "content3", 
link4: "content4" 
}; 

var id = event.target.id; 
var a = document.getElementsByTagName("a"); 
document.getElementById(links[id]).style.visibility = 'visible'; 
} 

function init(){ 

var divs = document.getElementsByTagName("div"); 
for (i = 0; i < divs.length; i++) { 
    if (divs[i].className == "div") { 
     divs[i].style.visibility = 'hidden'; 
    } 
} 
var a = document.getElementsByTagName("a"); 
for(i = 0; i < a.length; i++){ 
    a[i].onclick = show; 
} 
} 

window.onload = init; 

Answer 1

你需要運行的代碼隱藏它們無不顯示你想要的，每一次之前的程序。

使此：

function hideAll() { 
    var divs = document.getElementsByTagName("div"); 
    for (i = 0; i < divs.length; i++) { 
     if (divs[i].className == "div") { 
      divs[i].style.visibility = 'hidden'; 
     } 
} 

從init()中刪除此代碼，並用調用替換它hideAll()並在show()年初增加hideAll()通話。