아코디언의 첫 번째 div를 확장하는 방법은 무엇입니까?

Question

현재 아코디언 컨테이너가 작동합니다. https://jsfiddle.net/c9bwogte/

머리와 신체를 그룹화하는 쿼리를 사용하면 효과가 있습니다. 첫 번째 헤드를 기본으로 확장하려면 어떻게해야합니까? 첫 번째 헤드는 현재 연도가 될 것입니다.

$(document).ready(function() { 
    //toggle the component with class accordion_body 
    $(".accordion_head").click(function() { 
     if ($('.accordion_body').is(':visible')) { 
      $(".accordion_body").slideUp(200); 
      $(".plusminus").text('+'); 
     } 
     if ($(this).next(".accordion_body").is(':visible')) { 
      $(this).next(".accordion_body").slideUp(200); 
      $(this).children(".plusminus").text('+'); 
     } else { 
      $(this).next(".accordion_body").slideDown(200); 
      $(this).children(".plusminus").text('-'); 
     } 
    }); 
}); 

Answer 1

당신은 아코디언을 트리거 끝에 .click()을 추가 할 수 있습니다

$(".accordion_head").click(function() { 
    if ($('.accordion_body').is(':visible')) { 
     $(".accordion_body").slideUp(200); 
     $(".plusminus").text('+'); 
    } 
    if ($(this).next(".accordion_body").is(':visible')) { 
     $(this).next(".accordion_body").slideUp(200); 
     $(this).children(".plusminus").text('+'); 
    } else { 
     $(this).next(".accordion_body").slideDown(200); 
     $(this).children(".plusminus").text('-'); 
    } 
}).click(); 

jsFiddle example