Изменяющаяся общая высота блока при скрытии/появлении другого блока div

Здравствуйте.

Прошу помощи.

Вкратце, есть общий DIV-блок (фильтр поиска) с определенной высотой, допустим, 170px.

При выборе в селекте значения автоматически ниже появляется другой блок с тестовыми формами.

Соответственно, меняется высота у общего DIV-блока на 250px.

Все хорошо работает, только вот немного коряво.

При выбранных всех значениях после нажатия на кнопку Отправить сам общий DIV-блок меняет высоту на 170px. Что неправильно.

Прошу помощи в доработке скрипта, где я недосмотрел:

$(document).ready(function(){
$("select.all_rubric").live('change',function(){
$(".filter").css({'height':'170px'});
  $("div.working").each(function (i) {
    if (this.style.display != "none") {
        $(".filter").css({'height':'250px'});
    } else {
        //
    }
  });
});
});

//-- HTML --//

<div class="filter_item">
    <div class="f_rubric">
    <div class="filter_first_block">
    <select class="all_rubric">
        <option>Все рубрики</option>
    </select>
    </div>
    <div class="filter_second_block">
        <input type="text" class="" placeholder="Поиск по сайту..." />
    </div>
    <div class="filter_last_block">
        <a class="btn" href="#"><img src="images/icons/search_icon.png">Найти</a>
    </div>
    </div>
<div class="working">
//Другие текстовые формы и селекты
</div>
</div>

Обработчик на кнопку Отправить.

<a id="find" class="btn" href="#">Найти</a>