如何設置2格重疊和隱藏對方點擊

Question

我想設置1個格上另一個div上點擊我要顯示1個格和隱藏另一個

我怎麼能做到這一點？

<div id="div1"> 
      <ul> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </ul> 
     </div> 
     <div id="div2"> 
      <ul> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </ul> 
     </div> 

Answer 1

您可以使用它的style.display屬性隱藏DIV：

div1.style.display='none'; //will hide the div 
div1.style.display='';  //will show the div