Аккордеон 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

Вы должны инициализировать аккордеон с указанным параметром заголовка:

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

Вы также можете проверить jQuery Accordion API для получения дополнительных опций.

Answer 2

Вы должны установить соответствующий заголовок.

В вашем случае вы хотите использовать якоря в качестве заголовков:

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

Answer 3

Попробуйте это вместо

<script>

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

</script>

Это будет хорошо работать в IE