Javascript 使用slideToggle时，如何使所有其他div向上滑动？

我正在建立我的投资组合网站使用引导。我需要在我的投资组合的图片下添加项目细节。当我单击图像时，它会上下切换，但如果我单击另一个图像，第一个div将保持可见。当用户使用slideToggle单击另一个图像时，如何使所有其他可见的“项目详细信息”div向上滑动

$（'div.project-detail'）.hide（）；
$（'img.doug'）。单击（函数（）{
$（“#dougDet”）.slideToggle（）；
});
$（'img.ambe'）。单击（函数（）{
$（'#ambeDet'）。滑动切换（）；
});

道格

道格

道格

道格

道格

安贝

安贝

安贝

安贝

安贝

您可以通过在另一个
上调用
slideUp（）
来实现所需的功能。project detail
元素并切换目标元素

还请注意，您可以通过在所有
.portfolio半个
元素上使用单个事件处理程序，并使用
data-*
属性来区分它们，从而使代码干涸，如下所示：


$（'img.portfolio half'）。单击（函数（）{
var$target=$（$（this）.data（'target'））.slideToggle（）；
$（'.project detail'）。而不是（$target.slideUp（）；
});
div.project-detail{display:none；}

道格

道格

道格

道格

道格

安贝

安贝

安贝

安贝

安贝

您可以通过在另一个
上调用
slideUp（）
来实现所需的功能。project detail
元素并切换目标元素

还请注意，您可以通过在所有
.portfolio半个
元素上使用单个事件处理程序，并使用
data-*
属性来区分它们，从而使代码干涸，如下所示：


$（'img.portfolio half'）。单击（函数（）{
var$target=$（$（this）.data（'target'））.slideToggle（）；
$（'.project detail'）。而不是（$target.slideUp（）；
});
div.project-detail{display:none；}

道格

道格

道格

道格

道格

安贝

安贝

安贝

安贝

安贝

你的代码在向上滑动之前会进行切换，而你的帖子则相反。如果你更改了操作顺序，则代码不起作用，请尝试显示和隐藏同一项。你的代码在向上滑动之前会进行切换，而你的帖子则相反。如果你更改了操作顺序，则代码不起作用，请尝试显示和隐藏同一项。