小编Che*_*ose的帖子

如何使用CSS切换显示/隐藏div?

我创建了一个菜单div,用于在鼠标单击时显示/隐藏其下方的另一个div.但是,我需要菜单div上的箭头来切换点击.您知道箭头指向侧面的方式,但在单击菜单div并显示其他div时向下切换.我有下面的CSS代码和HTML.

PS:我只需要使用CSS.

CSS:

.drop {
  cursor: pointer;
  display: block;
  background: #090;
}

.drop + input{
 display: none; /* hide the checkboxes */
}

.drop + input + div{
  display:none;
}

.drop + input:checked + div{
  display:block;
}
Run Code Online (Sandbox Code Playgroud)

排队:

<label class="drop" for="_1">Collapse 1 </label>

<input id="_1" type="checkbox"> 
<div>Content 1</div>
Run Code Online (Sandbox Code Playgroud)

非常感谢您的帮助!

css toggle arrow-keys

2
推荐指数
1
解决办法
5828
查看次数

标签 统计

arrow-keys ×1

css ×1

toggle ×1