点击打开div（保持打开状态）

Question

我创建了这段代码：

http://jsfiddle.net/RStBL/6/

<div class="main">
    <div class="box">
        <div class="value">1</div>
    </div>
    <ul class="menu">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>

.main {
    width:50px;
    position:relative;
    background:lightgreen;
}
.box {
    text-align:center;
}
.menu {
    display:none;
}
.box:active + .menu {
    display:block;
    position:absolute;
    top:0;
    width:100px;
    height:100px;
    background:blue;
}

当我点击此框时，它会打开一秒钟并消失。期望的行为是让它保持开放。

有人有建议吗？

Answer 1

试试这个：

添加 <input type="checkbox" name="check" id="check"> 和<label for="check"></label>

这是JSFiddle