當打開頁面時jQuery隱藏/顯示隱藏內容

Question

當我第一次打開頁面直到點擊該按鈕時，我想隱藏內容。任何幫助？

<script> 
$(document).ready(function(){ 
$("#rooms").click(function(){ 
    $("#rooms_box").show(); 
}); 
$("#facilities").click(function(){ 
    $("p").show(); 
}); 
$("events").click(function(){ 
    $("p").show(); 
}); 
$("#gallery").click(function(){ 
    $("p").show(); 
}); 
$("#contact").click(function(){ 
    $("p").show(); 
}); 
$("#search").click(function(){ 
    $("p").show(); 
}); 
}); 
</script> 

Answer 1

使用這樣

<script> 
$(document).ready(function(){ 
    $("p , #rooms_box").hide(); // instead of this line you can use the css below 
    $("#rooms").click(function(){ 
    $("#rooms_box").show(); 
    }); 
    $("#facilities, #events , #gallery, #contact ,#search").click(function(){ 
     $("p").show(); 
    }); 
}); 
</script> 

，並以其良好的使用CSS

p , #rooms_box{ 
    display : none; 
}