2016-06-21 149 views
0

我使用多个可点击的Bootstrap面板制作HTML。我想要的是,当点击某个div /面板时,只会出现特定的div,如特定的,至面板。如何让div只在jQuery中点击某个特定元素时出现?

这是我的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°的东西是我的逻辑失败。在我看来,当面板/ div与id panel_1被点击时,它将存储它的值,如true,它可以在控制台中显示时起作用。

然后,我只是使用一个简单的if语句,但既没有警报或div我需要.show();出现

+0

只使用默认的jQuery .toggle() – GaijinJim

回答

3

jQuery有这个功能。

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

toggle()功能显示的元素,如果它的隐蔽性和隐藏要素,如果它是可见的。

+0

这个工程。谢谢。 –

相关问题