Javascript 在clic上打开另一个弹出窗口时关闭当前弹出窗口

我想问一下，如果另一个弹出窗口打开，是否可以编写关闭当前弹出窗口的JavaScript

我有5个项目，有不同的弹出窗口，就像在HTML中看到的一样（只有2个项目用于演示）-如果我不关闭当前打开的项目，它将保持打开状态。我希望在打开另一个项目时关闭当前打开的项目

$（函数（）{
$（“.item details”）。单击（函数（e）{
$（此）.children（“.details content”）.fadeIn（1000）；
返回false；
});
$（“.close内容”）。单击（函数（）{
$（this）.parent（“.details content”）.fadeOut（1000）；
返回false；
});
});

&时代；
头
一些精彩的文字

&时代；
头
一些精彩的文字

我将如何做：

在打开新的弹出窗口之前隐藏所有弹出窗口

编辑：

如果我把我的答案和新浪的答案结合起来，
我认为这会给你最好的结果：

$(function () {
    $(".item-details").click(function (e) {
        if (!$(this).children(".details-content").is(':visible')){
            $("details-content").hide();
            $(this).children(".details-content").fadeIn(1000);
        }
        return false;
    });

    $(".close-content").click(function () {
        $(this).parent(".details-content").fadeOut(1000);
        return false;
    });
});

我希望这对您有帮助首先，您必须为您的物品指定唯一的标识

然后，您可以将内容订阅到类似这样的活动

例子

$（函数（）{
$（“.item details”）。单击（函数（e）{
$（this）.children（“.details content”）.trigger（“show content”）；
让currentId=$（this.attr（'id'）；
$（“.item details”）。每个（函数（）{
设id=$（this.attr（'id'）；
如果（id！=当前id）{
let content=$（this.children（“.details content”）.trigger（“close content”）；
}
});
返回false；
});
$（“.close内容”）。单击（函数（）{
$（this）.parent（“.details content”）.trigger（“close content”）；
返回false；
});
$（“.details content”）。在（“show content”，function（）上{
$（此）.fadeIn（1000）
});
$（“.details content”）。在（“close content”，function（）上{
$（此）.fadeOut（1000）
});
});

&时代；
头

一些精彩的文字

&时代；
头

一些精彩的文字

您需要做两件事：

检查您单击的
弹出窗口
的“详细内容”是否可见，以便在双击同一
弹出窗口时不会将其关闭

单击隐藏所有其他“详细信息内容”


$（函数（）{
$（“.item details”）。单击（函数（e）{
如果（$（this）.children（“.details content”）是（“：visible”））{
$（此）.children（“.details content”）.fadeIn（1000）；
}否则{
$（“.details content”）.hide（）；
$（此）.children（“.details content”）.fadeIn（1000）；
}
});
$（“.close内容”）。单击（函数（）{
$（this）.parent（“.details content”）.fadeOut（1000）；
返回false；
});
});

x
总目1

一些惊人的文本1

x
总目2

一些惊人的文本2