单击以显示一个并隐藏其他人 - jQuery切换

Question

我有一个旋转木马，点击我试图在一个项目中显示内容但隐藏在所有其他项目中。

该功能只能按比例工作。当我点击其他项目时，它会隐藏所有其他项目。但当我点击打开的项目时，它隐藏它并直接显示。如果可能，我想在第二次点击时隐藏此项目？

 var dd = $(".last-line");
 $(".image").click(function(e) {
 e.preventDefault();
 e.stopPropagation();
 dd.slideUp();
 $(this).next().next().slideDown();
 });

 $(document).click(function() {
 dd.slideUp();
 });

dd.click(function(e) {
e.stopPropagation();
});

Here is my fiddle

提前感谢大家的帮助。

Answer 1

你通常会做更像这样的事情

$(".image").click(function (e) {
    if (e.target == this) {
        var that = $(this).siblings('.last-line');
        $(".last-line").not(that).slideUp();
        that.slideToggle();
    }
});

FIDDLE