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

Question

我正在使用多个可点击的Bootstrap面板制作HTML。我想要的是，当点击某个div /面板时，只有特定的div会出现，如 class ，指向那个面板。

这是我的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语句，但是我不需要 .show（）; 的警报或div。

Answer 1

jQuery有这个功能。

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

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