打开页面时滑动面板保持打开状态
问题描述:
当我打开或刷新包含多个滑动面板的页面时,所有面板都已滑下。我想让他们滑倒。有什么想法吗?谢谢。打开页面时滑动面板保持打开状态
<script>
$(document).ready(function(){$(".flip1").click(function(){$(".panel1").slideToggle("slow");});});
$(document).ready(function(){$(".flip2").click(function(){$(".panel2").slideToggle("slow");});});
$(document).ready(function(){$(".flip3").click(function(){$(".panel3").slideToggle("slow");});});
</script>
<div class="flip1">Title 1</div>
<div class="panel1">Contect 1 </div>
答
.slideToggle()
将“display:initial”更改为“display:none”,反之亦然。
CSS
.panel1 {
display: none;
}