我想关闭一个已打开的div并在点击链接时显示另一个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";