Все блоки свернутые кроме первого

[ihos]

Здравствуйте. Хочу в фильтре реализовать открытия блоков атрибута по клику как на этом сайте Для просмотра ссылки Войди или Зарегистрируйся (Подбор ламп по моделям)
Сам делаю на этом сайте Для просмотра ссылки Войди или Зарегистрируйся.
Реализовал данную идею с помощью js

<script>
$(function() {
    var caption = $('.bf-attr-group-header'),
        content = $('.bf-attr-block').hide();      
    caption.click(function(e) {
        e.preventDefault();
        content.not($(this).next(content)).removeClass('active').slideUp(600);
        $('.activeCap').not($(this)).removeClass('activeCap').find('.open, .close').slideToggle(0);
        $(this).next(content).toggleClass('active').slideToggle(600);
        $(this).toggleClass('activeCap');
        $(this).find('.open, .close').slideToggle(0);
    });
});
</script>

Где .bf-attr-group-header класс групы атрибута, а .bf-attr-block блок с выбором атрибутов.
Не могу реализовать чтобы первая группа атрибутов была открыта сразу, а не только после клика.
Как напримере Для просмотра ссылки Войди или Зарегистрируйся.
Помогите пожалуйста

 

[yaskin]

Здравствуйте. Хочу в фильтре реализовать открытия блоков атрибута по клику как на этом сайте Для просмотра ссылки Войди или Зарегистрируйся (Подбор ламп по моделям)
Сам делаю на этом сайте Для просмотра ссылки Войди или Зарегистрируйся.
Реализовал данную идею с помощью js

<script>
$(function() {
    var caption = $('.bf-attr-group-header'),
        content = $('.bf-attr-block').hide();     
    caption.click(function(e) {
        e.preventDefault();
        content.not($(this).next(content)).removeClass('active').slideUp(600);
        $('.activeCap').not($(this)).removeClass('activeCap').find('.open, .close').slideToggle(0);
        $(this).next(content).toggleClass('active').slideToggle(600);
        $(this).toggleClass('activeCap');
        $(this).find('.open, .close').slideToggle(0);
    });
});
</script>

Где .bf-attr-group-header класс групы атрибута, а .bf-attr-block блок с выбором атрибутов.
Не могу реализовать чтобы первая группа атрибутов была открыта сразу, а не только после клика.
Как напримере Для просмотра ссылки Войди или Зарегистрируйся.
Помогите пожалуйста

$('.bf-attr-block:first').css('display', 'block');

 

[ihos]

Прекрасно. Спасибо, то что нужно!!

А в последнем Processor там например два вида атрибутов, а выводит только один, а к втором прикреплен display: none; не подскажите как сделать чтобы открывался весь блок а не только первое, а то первому bf-attr-block присваивает клас active а остальным нет...

Не подскажите как задать active всем bf-attr-block, а не только одному

 

[warg]

Не подскажите как задать active всем bf-attr-block, а не только одному

убрать ":first" из селектора, то есть

$('.bf-attr-block')

 

[werty1001]

Не подскажите как задать active всем bf-attr-block, а не только одному

$('.bf-attr-block').addClass('active');