Jquery .toggle（）第一個元素打開

Question

所以我使用.toggle（）來打開和關閉一堆div，但是我在頁面加載時打開了第一個div。問題在於，如果用戶點擊該div將其切換爲關閉狀態，則需要兩次點擊，第一次點擊似乎試圖將其再次打開。我該如何處理？

$(document).ready(function(){ 
    $('.content_accrd').css({"height":"0px"}); 
    $('.content_accrd:eq(0)').css({"height":"100px"}); 
    $('.paneltop:eq(0)').css({"background-position":"0px -21px"}) 
$('.paneltop').toggle(function() { 
    $(this).css({"background-position":"0px -21px"}) 
    .siblings('.content_accrd').animate({"height":"100px"}, 200) 
}, function() { 
$(this).css({"background-position":"0px 0px"}) 
    .siblings('.content_accrd').animate({"height":"0px"}, 200); 

}) 
}) 

標記：

<div id="panel1" class="panel"> 
       <h2 class="panel_title">Capad Clients</h2> 
       <div class="paneltop"> 
       </div> 
       <div class="content_accrd"> 
       <p> 
text 
       </p> 
       </div> 
      </div> 

      <div id="panel1" class="panel"> 
       <div class="paneltop"> 
       </div> 
       <div class="content_accrd"> 
       <p> 
       text 
       </p> 
       </div> 
      </div> 


      <div id="panel1" class="panel"> 
       <div class="paneltop"> 
       </div> 
       <div class="content_accrd"> 
       <p> 
text 
       </p> 
       </div> 
      </div> 

Answer 1

Example

編輯：

$(document).ready(function() { 
    $('.content_accrd').css({ 
     "height": "0px" 
    }); 
    $('.content_accrd:eq(0)').css({ 
     "height": "100px" 
    }); 
    $('.paneltop:eq(0)').css({ 
     "background-position": "0px -21px" 
    }) 
    $('.paneltop').click(function() { 
     if ($(this).siblings('.content_accrd').height() != 100) { 
      $(this).css({ 
       "background-position": "0px -21px" 
      }).siblings('.content_accrd').animate({ 
       "height": "100px" 
      }, 200) 
     } else { 
      $(this).css({ 
       "background-position": "0px 0px" 
      }).siblings('.content_accrd').animate({ 
       "height": "0px" 
      }, 200); 
     } 
    }) 
})