javascript - Jquery .next() 帮助

Question

我使用以下代码在一堆搜索结果上隐藏和显示一个框。每个结果都有自己的切换开关和框来显示和隐藏。我遇到的问题是，单击任何一个切换按钮都会显示和隐藏页面上的所有框，而不仅仅是一个结果的框。我怎样才能做到这一点？

谢谢

jQuery(document).ready(function ($) {

    $("div.MoreResultsTrigger").click(function (e)
    {
        $("div.MoreResultsTrigger").next().slideToggle('fast');
    });

});

使用悬停更新代码

 $('a.MoreResultsTrigger').hover(
        function () {
            $(this).next().show();
        },
        function () {
            $(this).next().hide();
        }
    );

Answer 1

使用 this 关键字，因为您只想隐藏您点击的元素旁边的元素。

jQuery(document).ready(function ($) {

    $("div.MoreResultsTrigger").click(function (e)
    {
        $(this).next().slideToggle('fast');
    });

});