javascript - JQuery closest() 帮助

Question

所以我在一个页面上有几个带有此标记的容器:

        <div class="box w400">
            <div class="box-header">
                <span class="expand-collapse">expand/collapse</span>
                <h3>Heading</h3>
            </div>
            <div class="box-content">
                <p>Some content here...</p>
            </div>
        </div>

我试图在点击 .expand-collapse 范围后实现这一点，.box-content div 将向上或向下滑动(切换)。

这是我正在使用的 jQuery，我正在尝试使用 closest() 实现此目的:

        $(document).ready(function() {
            $('.expand-collapse').click(function() {
                $(this).closest('.box-content').slideToggle('slow');
            });
        });

但由于某些原因它不起作用:(

Answer 1

试试这个:

$(document).ready(function() {
    $('.expand-collapse').click(function() {
        $(this).parent().next('.box-content').slideToggle('slow');
    });
});

选择父 div 的下一个兄弟，它不使用 closest。