如何设置2 div重叠并在点击时互相隐藏

时间:2013-02-22 09:42:36

标签: html

我想在另一个div上设置1 div,点击我想显示1个div并隐藏另一个,

我怎么能这样做?

<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>

1 个答案:

答案 0 :(得分:0)

您可以使用它的style.display属性隐藏DIV:

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