jQuery的手风琴 - 在页面加载

Question

我有一个基于http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/

一切真正简单的jQuery手风琴开放项目工作正常，但我想它会自动在列表中的第一项打开页面加载时

我有一个在jsfiddle在http://jsfiddle.net/HJ8c7/

任何人都可以帮忙吗？

Answer 1

做：

$("#accordion").accordion("option", "active", 0); 

这将打开的第一个元素。

Answer 2

您可以通过触发点击事件轻松完成。根据您的jsfiddle代码：

jQuery('div.accordionButton').click(function() { 
    jQuery('div.accordionContent').slideUp('normal');  
    jQuery(this).next().slideDown('normal'); 
}); 

jQuery("div.accordionContent").hide(); 
jQuery('div.accordionButton:eq(0)').trigger('click'); 

除了你原来的问题，你可能想，这样你就不必使用“jQuery的”所有的时间来使用jQuery的不同。这是常见的jQuery对象绑定到$变量：

jQuery(function($) { 
    $('div.accordionContent:eq(0)').trigger('click'); 
}); 

Answer 3

你可以通过jQuery的做

$(document).ready(function() { 
$(".accordionButton:first").trigger("click"); 
}); 

js fiddle demo live

jQuery的触发马托用于触发事件

.trigger(eventType [, extraParameters]) 

价： Jquery trigger