Изменение высоты элемента если есть класс у другого элемента. Как?

Question

[Igor Fedorov]

Доброго времени суток. Есть небольшая страница:

Я суть проблемы описал на картинке.
P.S. то есть если у элемента .toggle_1.toggle_3 есть класс .ui-state-active, то изменить высоту шапки.

<ul>
<li><a class="toggle_1" href="#index">Главная</a></li>
<li><a class="toggle_1 toggle_3"  href="#moscow">Москва</a></li>
<li><a class="toggle_1 toggle_3"  href="#irkutsk">Иркутск</a></li>
<li><a class="toggle_1 toggle_3"  href="#st_petersburg">Санкт-Петербург</a></li>
<li><a class="toggle_1 toggle_3"  href="#kaluga">Калуга</a></li>
<li><a class="toggle_1 toggle_3"  href="#novosibirsk">Новосибирск</a></li>
</ul>

Comments

[Moskus]

Пользователи будут вас проклинать, если вы это сделаете, потому что меню при работе будет скакать вверх-вниз.

[Igor Fedorov]

Moskus: плавное изменение высоты...

[Moskus]

Igor Fedorov: Тогда они будут проклинать вас плавно. Самодвижущиеся элементы навигации - фича хуже не придумаешь.

Answer 1

[Григорий]

А вы документацию читали?

if ($(".toggle_1.toggle_3").hasClass("ui-state-active"))
{ ... }

Comments

[Igor Fedorov]

if ( $(".toggle_1.toggle_3").hasClass("ui-state-active") ) {
}
Ну, я так и написал. Каким образом ВЫСОТУ ИЗМЕНИТЬ через JQuery?

[Igor Fedorov]

В том то и дело, что читал.

[Andrey Dyrkov]

Igor Fedorov: $(document).height(100);