Изменить код JS в фильтре ОК

[zek24]

Привет, коллеги
Есть модуль Для просмотра ссылки Войди или Зарегистрируйся
Вопрос, как в его горизонтальной версии (та что справа вверху) сделать по его умолчанию закрытым.
А при нажатии на стрелочку в шапке фильтра чтобы он открывался.
"Код" стрелки

<a class="bf-toggle-filter-arrow"></a>

Сам блок с фильтром

<div class="brainyfilter-panel box-content <?php if ($settings['submission']['hide_panel']) : ?>bf-hide-panel<?php endif; ?>">
            <form class="bf-form
...
</div>

JS код отвечающий за свертывание

// slide up/down all the horizontal filter layout
            $('.bf-toggle-filter-arrow').on('click', function() {
                var $cont = $(this).closest('.box').find('.brainyfilter-panel');
                if ($cont.is(':visible')) {
                    $cont.stop().slideUp(600);
                    $(this).addClass('bf-down');
                } else {
                    $cont.stop().slideDown(600);
                    $(this).removeClass('bf-down');
                }
            });

В настройках не нашел. Метод тыка не помог.

 

[Zege368]

Так пойдёт?

$( document ).ready(function() {
    $('.bf-toggle-filter-arrow').trigger('click');
});

 

[zek24]

Так пойдёт?

$( document ).ready(function() {
    $('.bf-toggle-filter-arrow').trigger('click');
});

Даже боюсь спрашивать, куда вставить код

 

[Zege368]

Ну например можно в конце файла вктором содержится этот код...

$('.bf-toggle-filter-arrow').on('click', function() { var $cont = $(this).closest('.box').find('.brainyfilter-panel'); if ($cont.is(':visible')) { $cont.stop().slideUp(600); $(this).addClass('bf-down'); } else { $cont.stop().slideDown(600); $(this).removeClass('bf-down'); } });

Вот как-то так будет

// slide up/down all the horizontal filter layout
            $('.bf-toggle-filter-arrow').on('click', function() {
                var $cont = $(this).closest('.box').find('.brainyfilter-panel');
                if ($cont.is(':visible')) {
                    $cont.stop().slideUp(600);
                    $(this).addClass('bf-down');
                } else {
                    $cont.stop().slideDown(600);
                    $(this).removeClass('bf-down');
                }
            });

$( document ).ready(function() {
    $('.bf-toggle-filter-arrow').trigger('click');
});

А есть ещё более извращённый вариант через CSS

Исходя из этой строчки

var $cont = $(this).closest('.box').find('.brainyfilter-panel');

прячется класс .brainyfilter-panel, ему можно прописать стиль style="display: none;", но стрелочка будет нарисованна верх, а нам тогда надо вниз, для этого требуется к классу тега стрелки .bf-toggle-filter-arrow добавить класс .bf-down будет так <a class="bf-toggle-filter-arrow bf-down"></a>