Javascript 如何使div仅在jQuery中单击特定元素时才显示？

我正在制作一个带有多个可点击引导面板的HTML。我希望，当单击某个div/panel时，只有特定的div（比如specific）与类一起出现在该面板上

以下是我的jQuery代码：

//document.ready
$(function () {

    if ($("#panel_1").data("clicked")) {
        alert("yes");
        $(".buscadoresInternet").show();
    } else {
        $(".buscadoresInternet").hide();
    }

    $("#panel_1").click(function () {
        $("#panel_1").data('clicked', true);
        alert("hes");
        console.log($("#panel_1").data("clicked"));
    });



    $("div [id^=panel_]").click(function () {
        //Esconde todos los divs con id = panel_n EXCEPTO el que fue clickeado
        $("div [id^=panel_]").not(this).toggle(function () { });
    })
 });

2°的东西是我的逻辑失败的地方。在我看来，当id为panel_1的panel/div被单击时，它会像true一样存储它的值，因为它出现在控制台中

---

然后，我只使用一个简单的if语句，但不使用需要的alert或div.show（）；出现。

jQuery具有此功能

$(document).ready(function(){
    $("#panel_1").click(function(){
        $(".buscadoresInternet").toggle();
    });
});

---

toggle（）

函数在元素隐藏时显示该元素，在元素可见时隐藏该元素。

jQuery有一个用于此的函数

$(document).ready(function(){
    $("#panel_1").click(function(){
        $(".buscadoresInternet").toggle();
    });
});

---

toggle（）

函数显示隐藏的元素，并隐藏可见的元素。

只需使用默认jQuery.toggle（）只需使用默认jQuery.toggle（）