JQuery 아코디언이 h3 태그없이 작동하지 않습니다.

Question

JQuery로 아코디언을 만들려고하는데 문제가 있습니다. JQuery 웹 사이트는 이와 같이 아코디언 컨텐츠를 작성하는 것을 보여줍니다.

<div id="accordion"> 
    <a href="#">First header</a> 
    <div>First content</div> 
    <a href="#">Second header</a> 
    <div>Second content</div> 
</div> 

이렇게하면 아코디언이 올바르게 작동하지 않고 서식이 잘못되었습니다. 헤더 앵커 주위에 h3 태그를 넣으면

<div id="accordion"> 
    <h3><a href="#">First header</a></h3> 
    <div>First content</div> 
    <h3><a href="#">Second header</a></h3> 
    <div>Second content</div> 
</div> 

이 작동합니다. 왜 이런 일이 일어나는 지 아는 사람이 있습니까? Firefox 3.5와 IE 8에서 발생합니다. 또한 JQuery 파일을 방금 다운로드했습니다.

고마워요

Answer 1

당신은 appropiate header option를 설정해야합니다. 귀하의 경우에는

당신은 헤더로 앵커를 사용하려면 :

$('#accordion').accordion({ 
    header: "a" 
}); 

Answer 2

사용자가 지정한 헤더 옵션 아코디언을 초기화해야합니다

$('#accordion').accordion({ 
    header: 'a' 
}); 

또한 체크 아웃 할 수있는 더 많은 옵션을 보려면 jQuery Accordion API

Answer 3

이 대신

<script> 

jQuery("#accordion").accordion({heightStyle: "content",header: 'h3' }); 

</script> 

이 뜻이 IE

에서 잘 작동 시도