我想關閉一個已經打開的div，並在點擊鏈接時顯示另一個

Question

我有這個功能，當我點擊一個鏈接時打開和關閉div，並在下一次點擊鏈接時再次關閉它。它工作得很好。

但現在我想添加另一個div顯示頁面加載時，但關閉時，我點擊相同的鏈接，我用來打開第一個div。這有可能解決嗎？

我已經搜索了simular函數，但我沒有找到一個能夠完成這項工作的人。

<SCRIPT LANGUAGE="JavaScript"> 
function lunchboxOpen(lunchID) { 
document.getElementById('lunch_' + lunchID).style.display = "block"; 
document.getElementById('clasp_' + lunchID).innerHTML="<a href=\"javascript:lunchboxClose('" + lunchID + "');\">...show more...</a>"; 
} 
function lunchboxClose(lunchID) { 
document.getElementById('lunch_' + lunchID).style.display = "none"; 
document.getElementById('clasp_' + lunchID).innerHTML="<a href=\"javascript:lunchboxOpen('" + lunchID + "');\">...show more...</a>"; 
} 
</script> 

<style type="text/css"> 
.clasp{text-align:center;} 
.lunchbox{display:none;} 
</style> 

<div id="clasp_1" class="clasp"><a href="javascript:lunchboxOpen('1');">...show more...</a></div> 
<div id="lunch_1" class="lunchbox"> ... my content</div> 

     <div id="my_new_div">This content should be seen when page loads but hidden after click on the link</div> 

Answer 1

添加到您的函數：

document.getElementById('my_new_div').style.display = "none";