Блог

Мой текущий контейнер accordion работает. 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('-');
        }
    });
});
  

Вы можете добавить .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