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

Вы должны установить необходимый Вам 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