JQuery手风琴默认状态

Question

我需要一些手风琴的帮助。请在此处查看演示。 http://jsfiddle.net/a36RL/

$(document).ready(function() {
    $('div.accordionButton').click(function() {
        $('div.accordionContent').slideUp('slow');    
        $(this).next().slideDown('slow');
    });
    $("div.accordionContent").hide();
});

我需要对其进行一些改动。

1. 我希望默认情况下关闭第一个标签。
2. 如果标签已经关闭，再次单击该标签，则不应该有任何内容（目前它会向上滑动，然后再向下）。

感谢您的帮助。

Answer 1

您可以在第一个按钮上触发click事件以打开第一个选项卡。 试试这个：

$(document).ready(function() {
    $('div.accordionButton').click(function() {
    if($(this).next().is(":visible")){
        return;
    }

        $('div.accordionContent').slideUp('slow');    
        $(this).next().slideDown('slow');
    });
    $("div.accordionContent").hide();
    $("div.accordionButton:eq(0)").click();
});

工作示例@：

  

http://jsfiddle.net/a36RL/7/