2016-06-21 118 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

這個工程。謝謝。 –

相關問題