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

当我打开或刷新包含多个滑动面板的页面时，所有面板都已向下滑动。我要把它们滑上去。有什么想法吗？谢谢

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

$（document）.ready（function（）{$（“.flip1”）。单击（function（）{$（“.panel1”）.slideToggle（“slow”）；}）；
$（document）.ready（function（）{$（“.flip2”）。单击（function（）{$（“.panel2”）.slideToggle（“slow”）；}）；
$（document）.ready（function（）{$（“.flip3”）。单击（function（）{$（“.panel3”）.slideToggle（“slow”）；}）；
标题1
内容1

.slideToggle（）

将“显示：初始”更改为“显示：无”，反之亦然

CSS

.panel1 {
  display: none;
}