jQuery ui Accordion 正常链接

Question

我正在使用 jQuery UI accordion() 。我有 4 个标签。我想做 2 个滑动，这就是 Accordion 的工作方式，另外 2 个只是正常链接而不滑动。我不知道如何进行正常链接，因为 Accordion 需要 <h3> 之后的内容元素。标签

<div id="test">
    <h3><a href="#">One</a></h3>
    <div>
        some text
    </div>
    <h3><a href="#">Two</a></h3>
    <div>
        some text
    </div>
    <h3><a href="whatever.html">Link</a></h3>
    <h3><a href="whatever1.html">Link</a></h3>
</div>

检查http://jsfiddle.net/3JAkv/

Answer 1

查看 Accordion 方法(http://jqueryui.com/demos/accordion/)，我不知道任何锁定项目无法打开的方法。

你为什么不直接采取

 <h3><a href="whatever.html">Link</a></h3>
<h3><a href="whatever1.html">Link</a></h3>

<div id="test"> 之外div 并正确设置它们的样式？

此外，您可以为标题使用不同的选择器，这将禁用该项目。例如:我将最后两个链接更改为 h2 并将 Accordion 设置为使用 h3 作为标题:

$('#test').accordion({ header: 'h3' })

和

<h2><a href="whatever.html">Three</a></h2>
<h2><a href="whatever1.html">Four</a></h2>

您可以在这里看到:http://jsfiddle.net/3JAkv/5/

尽管如此，你仍然需要使用 CSS 对其进行换肤