HTML 设置默认切换

Question

如果我点击 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-collapse collapse"切换“打开”

那么没有javascript怎么能做到这一点呢？

Answer 1

我没有给你完整的解决方案，但你可以尝试这种方式..请打开这个 fiddle :

<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

label {  
  cursor: pointer;
}
#menu-toggle {
  display: none; /* hide the checkbox */
}
#menu {
  display: none;
}
#menu-toggle:checked + #menu {
  display: block;
}

JsFiddle