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

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

<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

Answer 2

我担心您无法使用仅 CSS设置data- *属性。这需要更改属性值（其他＆＃34;样式＆＃34;）以及JavaScript进入的位置。

你可以看看这个只用CSS创建手风琴的JSFiddle：

http://jsbin.com/UnEwelO/1/edit

您可能还会发现这篇文章很有趣：

http://andydavies.me/blog/2012/08/13/what-if-we-could-use-css-to-manipulate-html-attributes/

Html设置默认切换

2 个答案: