jquery - jQuery 手风琴 - 在页面加载时打开项目

Question

我有一个基于http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/的真正简单的 jQuery 手风琴

一切正常，但我希望它在页面加载时自动打开列表中的第一项

我在http://jsfiddle.net/HJ8c7/的 jsfiddle 中拥有一切

任何人都可以帮忙吗？

Answer 1

做：

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

它将打开第一个元素。

Answer 2

你可以通过 jquery 来完成

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

js小提琴演示现场

jquery trigger mathod用于触发事件

.trigger( eventType [, extraParameters] )

参考： jQuery 触发器

Answer 3

您可以通过触发 click 事件来轻松做到这一点。根据您的 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');
});