Css 单击打开div（保持打开状态）

我创建了以下代码：

1.

一,
二,
三,
四,

梅因先生{
宽度：50px；
位置：相对位置；
背景：浅绿色；
}
.盒子{
文本对齐：居中；
}
.菜单{
显示：无；
}
.框：活动+.菜单{
显示：块；
位置：绝对位置；
排名：0；
宽度：100px；
高度：100px；
背景：蓝色；
}

单击此框时，它会打开一秒钟并消失。理想的行为是让它保持打开状态

有人有什么建议吗？

试试这个：

加

和

---

这里是什么是开放的，什么是隐藏的？我看不到你的小提琴有任何动作。当你一直按着琴键时，你的剧本在哪里？编辑您的小提琴并将新链接放到工作小提琴为什么脚本？不要使用jsp如果你不想使用javascript，你必须使用

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