JQueryアコーディオンはh3タグなしでは機能しません

Question

JQueryでアコーディオンを作成しようとしていて、何か問題があります。 JQueryのWebサイトでは、このようなアコーディオンコンテンツを作成することができます。

<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ファイルをダウンロードしました。

-Thanks

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

で正常に動作し、これを試してください