Как сделать первую вкладку аккордеона открытой по умолчанию?

Question

Я хочу, чтобы первая вкладка в этом аккордеоне была открыта по умолчанию.

Вот код на cssdeck: http://cssdeck.com/labs/5jlzqlt6

Answer 1

посмотреть здесь jsfiddle

добавить к вашей CSS

#accordion ul li:first-child div { 
    display:block; 
    border-top:3px solid #FFCDCD; 
} 

также я сделал JQ (в спешке), чтобы сделать аккордеон работать лучше

код:

$("#accordion ul li").each(function(){ 
var trigger= $(this).find('a') 
var siblings = $(this).siblings() 
var acc_text = $(this).find('.accordion') 
    $(trigger).click(function(){ 
    var visible_text = siblings.find('.accordion').filter(":visible") 
    $(acc_text).slideToggle() 
    $(visible_text).slideUp() 
    }); 
}); 

EDIT: если я правильно понял. вы хотите иметь возможность открывать все вкладки в одно и то же время. смотрите здесь jsfiddle

код:

$("#accordion ul li").each(function(){ 
var trigger= $(this).find('a') 
var acc_text = $(this).find('.accordion') 
    $(trigger).click(function(){ 

     $(acc_text).slideToggle() 

    }); 
}); 

или вы хотите, когда вы нажимаете, например, на «два», например все 3 вкладки, чтобы открыть сразу ?. это странно :) зачем вы хотите это делать?

Answer 2

Вы можете сделать это с помощью jQuery, инициировав событие click.

$(function(){ 
    $('#accordion ul li a').eq(0).trigger('click'); 
}); 

Answer 3

Если вы используете загрузчик, вы можете пропустить все эти запутанные вещи, просто добавив одно слово после класса коллапса для секции аккордеона вы хотите развернутую по умолчанию:

в

class="collapse in" 

Ничего себе, что было легко.