Html设置默认切换
如果单击href=#collapseFive,则打开和关闭切换Html设置默认切换,html,css,toggle,accordion,Html,Css,Toggle,Accordion,如果单击href=#collapseFive,则打开和关闭切换 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion5" href="#collapseFive"> <strong><i class="icon-caret-down"></i>SomeText</strong> </a> <div id=
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion5" href="#collapseFive">
<strong><i class="icon-caret-down"></i>SomeText</strong>
</a>
<div id="collapseFive" class="panel-collapse collapse">
我想为div id=“collapseFive”class=“panel collapsecollapse”设置默认的切换
那么,如果没有javascript,如何才能做到这一点呢?我不会给你完整的解决方案,但你可以尝试这种方法。。请打开这把小提琴:
<label for="menu-toggle">Click me to toggle menu</label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="#">First link</a></li>
<li><a href="#">Second link</a></li>
<li><a href="#">Third link</a></li>
</ul>
恐怕您不能仅使用CSS设置数据-*属性。这需要改变属性值(除了“样式”),这就是JavaScript的用武之地 您可以查看此JSFIDLE,其中仅使用CSS创建了手风琴: 您可能还会发现这篇文章很有趣: 可能的副本可能会有所帮助:
label {
cursor: pointer;
}
#menu-toggle {
display: none; /* hide the checkbox */
}
#menu {
display: none;
}
#menu-toggle:checked + #menu {
display: block;
}