Question

我在SO上搜索了一些类似的问题并尝试了那里的答案没有成功，我试图在点击的H3下面滑动UL，这是我的jQuery：

    $("h3").click(function () {
        $("this").parent().next("ul").slideToggle();
    });

这是标记：

            <h3 class="accordion-header">Element Type<img class="accordion-marker" src="images/accordion-down.png" /></h3>
        <ul class="accordion">
            <li><input type="checkbox" /><label>ACME Packet 9200</label></li>
            <li><input type="checkbox" /><label>Audio Code</label></li>
            <li><input type="checkbox" /><label>CS2K</label></li>
            <li><input type="checkbox" /><label>IMSS Access</label></li>
            <li><input type="checkbox" /><label>IMSS Core</label></li>
        </ul>

知道我哪里错了吗？

Answer 1

$("h3").click(function () {
    $(this).siblings("ul").slideToggle();
});

关闭:)你正在看H3的兄弟，而不是子元素。此外，当使用$（this）因为它是一个对象/引用时，它不需要引号。

如果您在页面上使用多个实例，请使用此代码

$("h3").click(function () {
    $(this).next("ul").slideToggle();
});

jQuery slideToggle的子UL元素

1 个答案: