jquery - 如何自动打开 "accordion"到第一个选择？

Question

我买了一个似乎是 Accordion 的模板(也许是定制的？)，我试图让第一页( Accordion 幻灯片)自动打开。

他是代码:

 Cufon.now();
$(window).load(function(){

     $('#content>dd').css({display:'block'})


     $('#thumbs').jScrollPane({
       showArrows:false,
       scrollbarWidth:28,
       dragMaxHeight:82
    })

     $('#thumbs li a').live('click',function(){
        $('#pic').attr('src',$(this).attr('href')).bind('load',function(){
            $(this).css({opacity:0}).stop().animate({opacity:1})
        })
        return false
    }).each(function(){
        var tmp=new Image()
        tmp.src=this.href
    })

    $('#content>dd').css({display:'none'})
})

$(function(){
    $('#content:not(.nav_block)>dt:not(.active) a,footer .privacy:not(.active) a[rel=privacy],a[rel=nav]').live('click',function(){
        var next=this.rel=='privacy'?$('#privacy'):this.rel=='nav'?$(this.href.slice(this.href.indexOf('#'))):$(this).parent().next(),
            width=next.width(),
            parent=next.parent(),
            visible=parent.find('>dd:visible').css({overflow:'hidden'})
        parent.addClass('nav_block')
        $('#content>dt,.privacy').removeClass('active')
        $(this).parent().addClass('active')
        if(this.rel=='privacy'||this.rel=='nav')$('#content>dt>a').removeClass('active').animate({opacity:0})
        if(parent.css('left')!=0)
            next.parent().animate({left:0})
        next.show().css({width:'64px'}).stop().animate({width:width+'px'},{
          step:visible.length?function(now){
            visible.width(width-now)
        }:'',complete:function(){
            next.css({overflow:'visible'})
            visible.css({width:width+'px'}).hide()
            parent.removeClass('nav_block')
        }})
        return false
    })

    $('.active a,#content.nav_block').live('click',function(){
        return false
    })

    var imgs=[]
    $('#page1 img').each(function(){
        imgs.push(this)
    })
    $(imgs[0]).siblings('img').css({opacity:0})

    $('#page1 a.prev,#page1 a.next').css({opacity:0}).live('click',function(){
        var img,pr=$(imgs[0])
        if($(this).hasClass('next'))
            imgs.push(imgs.shift())
        else
            imgs.unshift(imgs.pop())
        img=$(imgs[0]).show()
        img.animate({opacity:1},{step:function(now){
            pr.css({opacity:1-now})
        }})
        return false
    })

    $('#page1 .inner')
        .live('mouseover',function(){$('a.prev,a.next',this).stop().animate({opacity:1})})
        .live('mouseout',function(){$('a.prev,a.next',this).stop().animate({opacity:0})})

    $('#content>dt>a:not(.active)').css({opacity:0})
    .live('mouseover',function(){
        $(this).stop().animate({opacity:1})
    })
    .live('mouseout',function(){
        $(this).stop().animate({opacity:0})
    })
    .live('click',function(){
        $(this).addClass('active').parent().siblings().find('>a').removeClass('active').stop().animate({opacity:0})
    })
})

感谢任何帮助，我浏览了无数的线程，所有的解决方案都不起作用(为什么我认为这是一个定制的 Accordion 或其他东西)。我是 jQuery 的入门级，我了解基本的 Java、VB、Objective C，所以不是一个完全的新手，但放轻松:)。

提前非常感谢!

Answer 1

您可以通过以编程方式单击“MAIN” header 来实现此目的:

// this will trigger a 'click' event on the first element (which is the "MAIN")
$('#content dt:first a').trigger('click');

将此行添加到脚本末尾、最后一个 }); 之前。

更多信息:

• .trigger()
• :first