mootools fx.Accordian 콘텐츠가 어떤 이유로 표시되지 않습니다.

Question

저는 MooTools를 처음 사용하고 있으며 fx.Accordian 플러그인을 구현하려고합니다.

나는 Accordian Plugin뿐만 아니라 MooTools도 포함시켰다. 나는 MooTools 웹 사이트의 데모에서 보여지는 것보다 훨씬 다른 것을하려고하지 않습니다. 내 CSS에서

는 내가 삽입 한 :

window.addEvent('domready', function(){ 
    new Fx.Accordion($('accordion'), '#accordion h2', '#accordion .accordion_content'); 
}); 

을 그리고 나는 다음과 같은 일을하려고 해요 :

내 헤더 파일에 스크립트 태그 내부

#accordion { 
    margin: 20px 0 0; 
    max-width: 400px; 
} 

#accordion H2 { 
    background: #99ccff; 
    color: black; 
    cursor: pointer; 
    font-size: 10pt; 
    font-family: Helvetica, Arial, sans-serif; 
    text-align: left; 
    font-weight: bold; 
    line-height: 16px; 
    margin: 0 0 4px 0; 
    padding: 3px 5px 1px; 
    } 

#accordion .accordion_content { 
    background-color: #F4F5F5; 
} 

#accordion .accordion_content p { 
    margin: 0.5em 0; 
    padding: 0 6px 8px 6px; 
} 

내가 가진 HTML 형식 :

<div id='accordion' class='customized'> 
<h2>What not #1</h2> 
<div class='accordion_content'> 
    <p>What not #1 is being displayed now</p> 
</div> 
</div> 

아코디언 H2를 올바르게 표시하지만 아코디언을 클릭하면 ntent가 표시되지 않습니다. 아무도 왜 이것이 작동하지 않는지 알 수 있습니까?

Answer 1

코드에 아무런 문제가 없으므로 html에 아코디언 섹션을 추가하면됩니다. 문서에서 :

". Fx.Accordion 클래스는 자신의 핸들을 클릭 할 때 전환되는 요소의 그룹을 만들어 하나의 요소가보기로 전환하면, 다른 사람들이 밖으로 전환."그래서

아코디언 하나의 요소만으로는 많은 의미를 갖지 못합니다. 단 하나의 요소 만 있으면, 당신이하는 일에 상관없이 항상 활동적인 요소가 될 것입니다.

<h2> 토글 러와 원래 코드에 다른 내용 <div>을 하나 더 추가했는데 완벽하게 작동합니다. http://jsfiddle.net/YayQD/1/