限制jQuery slideToggle处理多个元素

Question

我有一块重复的图像，每个图像下面都有一个标题。我在使用slideToggle来显示和隐藏单击图像时每个图像的标题。

 $('.imageholder').click(function() {
 $(this).next().slideToggle("fast");

 });

显示我的方法的工作小提示是here。

这可以正常工作，但我想防止多个字幕同时可见。当用户单击图像时，任何打开的标题都应该关闭。在我的示例中，您将看到可以打开所有标题。这就是我想要防止的。

欣赏正确方向的推动。感谢。

Answer 1

您应该尝试隐藏其他可见元素：

$('.imageholder').click(function() {
  $('.description:visible').not($(this).next()).slideToggle("fast");
  $(this).next().slideToggle("fast");
});

Answer 2

g.V(ids).outE().where(inV().id().is(within(ids))) 所有描述都不是当前的描述，然后是slideUp()当前的描述。

slideToggle()

Answer 3

做这样的事情？

$('.imageholder').click(function() {
     $('.description').slideUp();
     $(this).next().slideToggle("fast");
});