保持第一個div在jquery手風琴開放

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); 
    }); 
});