尝试用jquery slideDown click方法替换div

我试图在单击一个元素后用另一个div替换一个div，但我似乎无法让它工作。我在下面包含了HTML和jquery代码。尝试滑入的元素有一个css属性display:none

HTML:

有人能看到是什么阻止它滑落吗？我们当然非常感谢您的帮助

使用

$（this）.nextAll（“.nutrition-breakdown”）

获取class.nutrition-breakdown后面的div

$（“.nutrition description”）。单击（函数（）{
美元（此）.nextAll（“营养分解”）.slideDown（“快速”）；
});
。营养分解{
显示：无；
}

标题
描述
营养信息
正文一

文本二

您的代码无法运行的原因是您正在使用.find（）方法在“营养描述”中查找容器“营养分解”，这是不正确的，“营养分解”实际上是“营养描述”的兄弟

请使用以下代码以满足您的要求。

$(".nutrition-description").click(function(){
    $(this).next().slideDown("fast");//change

}))

如果您不需要动画，那么最好使用.show（）而不是slideDown（）

$(".nutrition-description").click(function(){
    $(this).find(".nutrition-breakdown").slideDown("fast");
    });

$(".nutrition-description").click(function(){
    $(this).next().slideDown("fast");//change