如何扩展手风琴的第一个div?

时间:2016-10-19 19:27:11

标签: jquery

我目前的手风琴容器有效。 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('-');
        }
    });
});

1 个答案:

答案 0 :(得分: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