没有h3标签,JQuery手风琴不起作用

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选项初始化accordion:

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

您还可以查看jQuery Accordion API以获取更多选项.

Answer 2

您必须设置适当的标头选项.

在您的情况下,您希望使用锚点作为标题:

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