仅当在 jQuery 中单击特定元素时，如何使 div 出现？

Question

我正在制作一个带有多个可点击引导面板的 HTML。我希望，当单击某个 div/面板时，只有特定的 div 会出现，例如带有 class 的特定 div，到 that 面板。

这是我的 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 的面板/div 被点击时，它会像 true 一样存储它的值，因为它出现在控制台中，所以它可以工作。

然后，我只是使用了一个简单的 if 语句，但是我需要 .show(); 的 alert 或 div 都没有出现。

Answer 1

jQuery 对此有一个功能。

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

toggle() 函数在元素隐藏时显示元素，如果元素可见则隐藏元素。