jquery - 如何自动打开“ 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})
    })
})

感谢您的帮助，我浏览了无休止的线程，并且所有解决方案都没有用（为什么我认为这是自定义手风琴之类的东西）。我是jQuery的入门级人员，我知道基本的Java，VB，Objective C，所以不是一个完整的新手，但是很容易:)。

非常感谢！

最佳答案

您可以通过以编程方式在“ MAIN”标题上单击来实现：

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

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

有关更多信息：


.trigger()
:first

关于jquery - 如何自动打开“ Accordion ”以进行首次选择？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8959581/