Question

我想知道如何打开一个特定的手风琴（实际上是一个切换）。

这是我的jquery

  $(document).ready(function()
    {
        //Add Inactive Class To All Accordion Headers
        $('.accordion-header').toggleClass('inactive-header');

        //Open The First Accordion Section When Page Loads
        $('.accordion-header').first().toggleClass('active-header').toggleClass('inactive-header');
        $('.accordion-content').first().slideDown().toggleClass('open-content');

        // The Accordion Effect
        $('.accordion-header').click(function () {
            if($(this).is('.inactive-header')) {
                $('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content');
                $(this).toggleClass('active-header').toggleClass('inactive-header');
                $(this).next().slideToggle().toggleClass('open-content');
            }

            else {
                $(this).toggleClass('active-header').toggleClass('inactive-header');
                $(this).next().slideToggle().toggleClass('open-content');
            }
        });

        return false;
    });

现在发生的是在页面加载时打开第一个项目。如何将其设置为第二个项目打开的位置？

我有一个小提琴：http://jsfiddle.net/bbyrdhouse/LjDBa/

提前致谢。

Answer 1

要自动打开第二个手风琴，请将第一行更改为：

$('.accordion-header').eq(1).toggleClass('active-header').toggleClass('inactive-header');
$('.accordion-content').eq(1).slideDown().toggleClass('open-content');

eq(1)将在匹配的元素中找到第二个项目（索引为零）。如果您想打开最后一支手风琴，请使用last()代替eq(1)。

请参阅更新的小提琴：http://jsfiddle.net/adrianonantua/LjDBa/1/

打开一个特殊的手风琴

1 个答案: