首先使用JavaScript打开手风琴选项卡

时间:2015-05-28 10:16:52

标签: javascript jquery html css

我想通过使用JavaScript而不是CSS来打开第一个手风琴选项卡。这是我的JavaScript代码和demo is here。提前致谢。 :))

jQuery(document).ready(function() {
    function close_accordion_section() {
        jQuery('.accordion .accordion-section-title').removeClass('active');
        jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open');
    }

    jQuery('.accordion-section-title').click(function(e) {
        // Grab current anchor value
        var currentAttrValue = jQuery(this).attr('href');

        if(jQuery(e.target).is('.active')) {
            close_accordion_section();
        }else {
            close_accordion_section();

            // Add active class to section title
            jQuery(this).addClass('active');
            // Open up the hidden content panel
            jQuery('.accordion ' + currentAttrValue).slideDown(300).addClass('open'); 
        }

        e.preventDefault();
    });
});

2 个答案:

答案 0 :(得分:1)

尝试如下:

$( ".selector" ).accordion({ active: 0 });

根据Jquery Document

,这是更好的方法

答案 1 :(得分:0)

你可以点击标题上的点击:

$('.accordion-section-title').first().click();