Как сделать раскрывающийся при нажатии блок?

Привет!
Есть вот такая вещь:
jsfiddle.net/ERAFY/sRRf7/5/
При наведении курсором мыши на красную область она приподнимается и показывает зеленую область.

Мне нужно, чтобы красная область приподнималась не от наведения курсора мыши, а при щелчке мышкой по красной области. Причем (щелчком) не по всей красной области, а только по нижней её части высотой (к примеру) 50px.

Далее блок должен находиться в открытом состоянии, ожидая следующего щелчка.

А закрытие (т.е. опущение красной области вниз) должно осуществляться щелчком мыши по любой области (красной и белой в данном случае) кроме зеленой (т.к. в зеленой области будут располагаться ссылки - но это сейчас не важно).

Хотелось бы реализацию на CSS (но не обязательно).
  • Вопрос задан
  • 6115 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
вместо :hover использовать :active?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы