如何将我的标题对象嵌套在jQuery Accordion中

Question

我有一个UL列表，并且出于CSS样式的原因，我需要将我希望用作手风琴的标题的对象嵌套在LI内的div中。这样：

<ul>
    <li>
        <div>
            <h4>Header</h4>
        </div>
        <p>This is my content</p>
    </li>
    ... other lis...
</ul>

现在，我想要连接我的手风琴：

$(document).ready(function() {
    $('ul').accordion({
        header: '' //What do I put here?
    });
});

当我将标题设置为h4时，它不起作用，当我使用div时，它只适用于div中填充从h4下面显示的边缘。有没有办法将div中的h4作为标题引用？我试过'div＆gt; h4'但这不起作用。我确信这很简单，但我还没有发现。

提前干杯。

Answer 1

手风琴的工作原理是找到你的标题选择器匹配，然后调用.next()来获取内容部分。所以对于你的标记，只需使用它：

$('ul').accordion({
    header: 'li>div' //.next() will get the <p>
});

我测试了这个，在这里工作正常。