1

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

这是我的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/

提前致谢。

4

1 回答 1

0

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

$('.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/

于 2012-11-07T15:20:00.943 回答