jquery打开页面时隐藏/显示隐藏内容

我希望在第一次打开页面时隐藏内容，直到单击按钮为止。有什么帮助吗

<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>

$（文档）.ready（函数（）{
$（“#房间”）。单击（功能（）{
$（“#房间"盒子”）.show（）；
});
$（“#设施”）。单击（函数（）{
$（“p”）.show（）；
});
$（“事件”）。单击（函数（）{
$（“p”）.show（）；
});
$（“#图库”）。单击（函数（）{
$（“p”）.show（）；
});
$（“#联系人”）。单击（函数（）{
$（“p”）.show（）；
});
$（“#搜索”）。单击（函数（）{
$（“p”）.show（）；
});
});

像这样使用它

<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>

---

以下是答案的一部分。@Angelicakossih祝你好运：）

p , #rooms_box{
   display : none;
}