아코디언 Jquery 축소 onClick

아코디언을 클릭하면 아코디언을 붕괴시켜야합니다. UP, 이제 이 무너져입니다. 도움이 필요해. 아래에있는 내 코드를 참조하십시오 : -아코디언 Jquery 축소 onClick

가

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" /> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
    $(function() { 
     $("#accordion").accordion({ 
      header: "h3", 
      collapsible: true, 
      active: false 
     }); 
    }); 
</script>

는 또한 동일한의 HTML 코드를 참조하십시오 -

<div id="accordion"> 
     <h3>Section 4</h3> 
      <div> 
       <p> 
        Cras dictum. Pellentesque habitant morbi tristique senectus et netus 
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in 
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia 
mauris vel est. 
       </p> 
       <p> 
        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. 
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per 
inceptos himenaeos. 
       </p> 
      </div> 
     </div> 
    </div>

출처

2015-01-17 Anonymous

@ArtjomB. 편집 된 질문보기 –

나에게 "붕괴 된"것처럼 보입니까? http://jsfiddle.net/robschmuecker/97qqgoat/ 그리고 나서 "확장" –

@RobSchmuecker : 나는 그런 식으로하고 싶지 않다. div를 클릭 할 때마다 내용이 위로 움직여야한다. 현재 그것은 아래로 이동 중입니다 –

CSS를

.accordion{transform:rotate(180deg);} 
 
.accordion h3,.accordion div{transform:rotate(180deg);}

jsfiddle로 회전 단지 수

출처

2015-01-17 10:49:04 Billy

빌리 고마워요, 그걸 원해요.하지만 'ONE' 만 해줄 수 있을까요? –

네, 여기서 볼 수 있습니다. [js fiddle] (http://jsfiddle.net/97qqgoat/6/). 당신은 거꾸로하려는 클래스에 클래스를 추가하거나 선택기를 통해 클래스를 추가 할 수 있습니다. 첫 번째로 올라가고 나머지는 아래로 내려가는 새로운 바이올린에서 얻습니다. "라고 말합니다. 아코디언 : 첫 번째 유형, .accordion : first-of-type h3, .accordion : 첫 번째 형식 div {transform : rotate (180deg);}' – Billy

감사 빌리 .. !! –

아코디언 Jquery 축소 onClick

답변

관련 문제