jquery - Slidetoggle 我是不是错过了什么

Question

我有这个page当我单击“计算机”或任何其他标题之类的标题时，下面的项目需要上下滑动

我有这个结构

    <div class="title-box box-active">
    <div class="line">
        <div class="text left">
            <p>(1) Software</p>
        </div>
        <div class="price right">
            <p>500.00</p>
        </div>
        <div class="cl">&nbsp;</div>
    </div>
</div>
<div class="item">
    <div class="item-t"></div>
    <div class="item-c">
        <div class="line last">
            <input type="text" class="field left" value="1" />
            <div class="text left">
                <p>Aldelo</p>
            </div>
            <div class="price left">
                <p>450.00</p>
            </div>
            <a href="#" class="close right"></a>
            <div class="cl">&nbsp;</div>
        </div>
    </div>
    <div class="item-b"></div>
</div>

但这不起作用，我不明白为什么

$('.title-box').click(function() {
 $(this).parent().next('.line').slideToggle();
return false;
});

Answer 1

如果您尝试让 .line 元素滑动，它是 .title-box 的 子，所以请尝试这个:

$('.title-box').click(function() {
    $(this).children('.line').slideToggle();
    return false;
});

在回调中，this 指的是.title-box。因此，由于 .line 是 .title-box 的直接子级，因此您需要使用 .children('.line') 来获取它.