.next jQuery不工作-需要切换多个div

.next jQuery不工作-需要切换多个div,jquery,Jquery,我需要切换一些向下滑动的div等等,并且一直在查看堆栈溢出,大多数帖子都指向使用.next函数,当我实现这个函数时,似乎什么都没有发生 我的jQuery是 $(document).ready(function(){ $(".product_slidedown").click(function(){ $(".slide_details").next('div.product_slidedown').slideToggle(); });

我需要切换一些向下滑动的div等等,并且一直在查看堆栈溢出,大多数帖子都指向使用.next函数,当我实现这个函数时,似乎什么都没有发生

我的jQuery是

$(document).ready(function(){
        $(".product_slidedown").click(function(){
            $(".slide_details").next('div.product_slidedown').slideToggle();
            });
        });
HTML是

<div class="product_slidedown" id="1">
        <div class="item_details_heading">
            Product Description
        </div>
        <div class="slide_details"></div>
    </div>
    <div class="product_slidedown" id="2">
        <div class="item_details_heading">
            Product Dimensions
        </div>
        <div class="slide_details"></div>
    </div>

产品说明
产品尺寸
我在那儿闲逛

如果我去掉.next函数,它会工作,但会从两个div向下滑动


提前感谢您的帮助

这是因为您正在呼叫
。下一个
位于最上面的分区
#2
.slide\u details
div.product\u slidedown
的子项,因此调用next不会返回任何结果

将单击绑定更改为:

    $(document).ready(function(){
    $(".item_details_heading").click(function(){           
        $(this).next().slideToggle();
        });
    });

这是因为您正在调用最上面的div
.next
,即
#2
.slide\u details
div.product\u slidedown
的子项,因此调用next不会返回任何结果

将单击绑定更改为:

    $(document).ready(function(){
    $(".item_details_heading").click(function(){           
        $(this).next().slideToggle();
        });
    });

我相信这就是你想要的,试试看:


使用上述代码,您可以在您单击的
.product\u slidedown
div中找到
.slide\u details
div。我相信这就是您要查找的内容,请尝试:

使用上述代码,您可以在您单击的
.product\u slidedown
div中找到
.slide\u details
div。请尝试

$(document).ready(function () {
    $(".product_slidedown .item_details_heading").click(function () {
        $(this).next(".slide_details").slideToggle();
    });
});
演示:

试试看

$(document).ready(function () {
    $(".product_slidedown .item_details_heading").click(function () {
        $(this).next(".slide_details").slideToggle();
    });
});

演示:

您也应该使用建议的
on()
方法。。。如图所示:


您还应该使用建议的
on()
方法。。。如图所示:

文档FTW:。而且,您没有清楚地解释您希望代码做什么。是否应打开/关闭单击的
.product\u slidedown
中的
.slide\u details
元素?文档FTW:。而且,您没有清楚地解释您希望代码做什么。是否应打开/关闭单击的
.product\u slidedown
中的
.slide\u details
元素?