Wie erweitert man das erste Div in Akkordeon?

Question

Mein derzeitiger Akkordeon-Container funktioniert. https://jsfiddle.net/c9bwogte/

Ich benutze eine Abfrage, um den Kopf und den Körper zu gruppieren, es funktioniert gut. Wie bekomme ich es, den ersten Kopf standardmäßig zu erweitern? Der erste Kopf würde das laufende Jahr sein.

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

Sie können .click() am Ende hinzufügen, das Akkordeon auszulösen:

$(".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