我希望首次打开页面时隐藏的内容直到单击按钮。有什么帮助吗?
<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>
答案 0 :(得分: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;
}