링크를 클릭하면 이미 열려있는 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

당신의 기능이 추가 : 내가 페이지에서 1 개 이상의 개체가 잘못된 my_new_dov이 클릭에 닫 내 my_new_div_1 원인에 고유 번호를 추가하려

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