[Tixter]

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

Дано:
Есть страница с первым уроком курса. А в сайдбаре большой блок с надписью "Урок 2: название_урока". При наведении туда мышкой (hover) на месте блока появляется верхний блок с текстом: "уроки 2-5 можете получить в рассылке" и формой подписки (все это до наведения просто было прозрачным).
Проблема в том, что как только мышку уводишь - снова открывается нижний блок. Так должно быть только если форма неактивна. А если человек начал вводить что-то - форма (и весь верхний блок) уже не должна исчезать.

Подскажите, какие варианты можно применить для таких целей?