JS Accordion默认打开第一个标签

时间:2015-05-14 05:47:26

标签: javascript jquery accordion

我想在我的手风琴上默认打开第一个标签。我一直在尝试不同的解决方案,但没有什么对我有用。

这是我的JS和HTML:



 $('.accordion').each(function () {
        var $accordian = $(this);
        $accordian.find('.accordion-head').on('click', function () {
            $(this).parent().find(".accordion-head").removeClass('open close');
            $(this).removeClass('open').addClass('close');
            $accordian.find('.accordion-body').slideUp();
            if (!$(this).next().is(':visible')) {
                $(this).removeClass('close').addClass('open');
                $(this).next().slideDown();
            }
        });
    });

<div class="accordion">
    <div class="accordion-head">
    Title here <div class="arrow down"></div>
    </div>
    <div class="accordion-body">
    copy goes here
    </div>
    
    <div class="accordion-head">
    Title here <div class="arrow down"></div>
    </div>
    <div class="accordion-body">
    copy goes here
    </div>
    
    <div class="accordion-head">
    Title here <div class="arrow down"></div>
    </div>
    <div class="accordion-body">
    copy goes here
    </div>
</div>
&#13;
&#13;
&#13;

请帮忙。

0 个答案:

没有答案