2015-11-11 1 views
0

Могу ли я установить первую панель на JQuery автоматически открытую? Моя панель аккордеона закрыта.Jquery Accordion первая панель автоматически открыта

Это мой HTML

<div class="accordionx"> 
<div class="acitemx"> 
    <h3>First Panel</h3> 
    <div class="accx"> 
     This is the content 
    </div> 
</div> 
<div class="acitemx"> 
    <h3>Second Panel</h3> 
    <div class="accx"> 
     This is the content 
    </div> 
</div> 
<div class="acitemx"> 
    <h3>Third Panel</h3> 
    <div class="accx"> 
     This is the content 
    </div> 
</div> 

Это мой JS скрипт

$(".acitemx h3").click(function() { 
$header = $(this); 
$content = $header.next(); 
$content.slideToggle(500, function() { 
    $(this).parent().toggleClass('current'); 
}); 

});

этого JSFiddle Link http://jsfiddle.net/bupd32rq/

Спасибо за вашу помощь

ответ

1

панели, которые открыты были добавлены с current класса, а затем положить класс current вручную на первой панели и соответствующей DIV с style="display:block":

<div class="acitemx current"> 
    <h3>First Panel</h3> 
    <div class="accx" style="display:block"> 
     This is the content 
    </div> 
</div> 

Обновлено DEMO

+0

Спасибо братан. Но, панель может быть петлей с php в ближайшее время. Можете ли вы дать фокус решения для редактирования js not html? –

+0

Да, используйте этот '$ ('. Acitemx'). Eq (0) .addClass ('. Acitemx'). Find ('. Accx'). Css ('display', 'block');' –

+0

Отлично! Многие Спасибо bro :) –

1

вы можете просто добавить .eq(0).click()

$(".acitemx h3").click(function() { 
    $header = $(this); 
    $content = $header.next(); 
    $content.slideToggle(500, function() { 
     $(this).parent().toggleClass('current'); 
    }); 
}).eq(0).click(); 

DEMO