[_marisha]

Доброго времени суток!
На сайте существует фильтр, который открывается при нажатии на кнопку.

<div >
    <a href="#" id="link" class="param" onclick="toggle(hidden_content)"><span class="filter_name">Подбор параметров</span>
        <span class="arrow"></span>
    </a>
</div>

<script>
    function toggle(el) {
        el.style.display = (el.style.display == 'none') ? '' : 'none'
        var el = document.querySelector('.arrow')
        el.style.transform = el.style.transform == "rotate(180deg)"?"rotate(0deg)":"rotate(180deg)";

    }
    focus.onblur = function()
    {
        focus.focus();
    }
</script>

При раскрытии одного из свойств, другое сворачивается, т.е. может быть открыто только одно свойство. Но происходит вертикальное смещение при открытии/закрытии свойства.
Пример: изначальное открытие фильтра (т.е. по кнопке, скрин "Начальное открытие фильтра"). При открытии "Производитель" сворачивается "Цена", при открытии "Цвет" сворачивается "Производитель".
Только вот происходит смещение вертикально, т.е. свойство "Цена" уже не видно (скрин "Свойство Цвет").

Подскажите, пожалуйста, каким образом возможно сделать фокусировку на первом свойстве (в данном случае "Цена"), чтобы не происходило смещение. Спасибо.