打开页面时滑动面板保持打开状态

Question

当我打开或刷新包含多个滑动面板的页面时，所有面板都已滑下。我想让他们滑倒。有什么想法吗？谢谢。

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

Answer 1

.slideToggle()将“display：initial”更改为“display：none”，反之亦然。

CSS

.panel1 { 
    display: none; 
}