전화 할 때 토글 기능이 작동하지 않습니다.

Question

두 개의 div을 클릭하면 표시되거나 사라지게 만드는 것이 좋습니다. CSS 표시 스타일이 none으로 설정됩니다. 도움을 주시면 감사하겠습니다.

<div id="mainOval"> 
     <form id="btns"> 
      <input type="button" value="Timer" id="timerBtn" onclick="displayCont('Timer')"/> 
      <input type="button" value="Countdown" id="ctDownBtn" onclick="displayCont('Countdown')"/> 
     </form> 
</div> 
<div id="Timer"> 
</div> 
<div id="Countdown"> 
</div> 



<script type="text/javascript"> 
    function displayCont(inp) 
     { 
      var ele = document.getElementById(inp); 
      var shown = ele.style.display; 
      if (shown == 'none') 
       { 
        ele.style.display = 'block'; 
       } 
      else if (shown == 'block') 
       { 
        ele.style.display = 'none'; 
       } 
     } 
</script> 

Answer 1

올바른 코드는 : 당신은 그냥 자바 스크립트 변수를 할당하지, 요소의 스타일을 설정 하다며이

if (shown == 'none') { 
    ele.style.display = 'block'; 
} 
else if (shown == 'block'){ 
    ele.style.display = 'none'; 
} 

. 그리고 평등은 이 아니라 ==입니다.