Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html设置默认切换_Html_Css_Toggle_Accordion - Fatal编程技术网

Html设置默认切换

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=

如果单击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="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;
}