Jquery .next()帮助

Question

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

谢谢

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

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

});

更新代码使用HOVER

 $('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');
    });

});