jquery - 保持jquery手风琴中的第一个div打开

Question

我正在寻找一种方法来修改以下内容以允许第一个 div 在加载时打开。这很容易解决吗？非常感谢您的帮助。

$(document).ready(function() {
$(".expand-menu .menu_header").click(function() {
  if($(this).next("div").is(":visible")){
    $(this).next("div").slideDown("slow");
  } else {
    $(".expand-menu .category_list").slideUp("slow");
    $(this).next("div").slideToggle("slow");
  }
});

Answer 1

您可以手动触发第一个选项卡的点击处理程序

$(document).ready(function() {
    $(".expand-menu .menu_header").click(function() {
        if($(this).next("div").is(":visible")){
            $(this).next("div").slideDown("slow");
        } else {
            $(".expand-menu .category_list").slideUp("slow");
            $(this).next("div").slideToggle("slow");
        }
    }).first().click(); // or .trigger('click')
});

Answer 2

这是一个简单的，DEMO http://jsfiddle.net/yeyene/EHcKs/1/

$(document).ready(function() {
    $('.content').eq(0).slideDown();
    $(".header").click(function() {
        $('.content').slideUp();
        $('#'+$(this).attr('target')).slideDown(500);
    });
});