打開頁面時滑動面板保持打開狀態

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