Question

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

的简单jQuery手风琴

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

的jsfiddle中拥有所有内容

有人可以帮忙吗？

Answer 1

执行：

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

它会打开第一个元素。

Answer 2

你可以通过jquery

来做

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

js fiddle demo live

jquery trigger mathod用于触发事件

.trigger( eventType [, extraParameters] )

价： Jquery trigger

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对象绑定到$ variable：

是很常见的

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

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

3 个答案: