打开页面时，滑动面板会保持向上

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()更改＆＃34;显示：初始＆＃34;到＆＃34;显示：无＆＃34;反之亦然。

<强> CSS

.panel1 {
  display: none;
}