2014-06-09 1 views
0

설정 기본HTML을 내가 = # collapseFive을 HREF 클릭하면 I 개폐 토글 토글

내가 사업부 아이디 = "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"> 

= "패널 붕괴 붕괴"

이렇게 할 수있는 방법 없이 자바 스크립트?

+0

가능한 중복 (http://stackoverflow.com/questions/20443339/how-to-toggle-css3-acc [클릭에 CSS3 아코디언을 전환하는 방법] ordion-on-click) – Pete

+0

도움이 될 수 있습니다 : http://thenittygritty.co/toggle-navigation-with-pure-css –

답변

0

내가 당신에게 완벽한 솔루션을 제공하고 있지 않다 그러나이 방법을 시도 할 수 있습니다 .. 열어주십시오 바이올린 :

<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

0

이 난 두려워 당신이 할 수있는 CSS 만 사용하여 data- * 속성을 설정하지 마십시오. 즉 변경하기 ("스타일"는 다른) 속성 값을 요구하고 자바 스크립트로 제공 곳이다

당신은 아코디언 만 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/