раскрывающаяся форма при клике и сворачивание при нажатии

[nikki4]

Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется.

внизу экрана плавает кнопочка - это понятно position:fixed;  а то что внутри - display:none;

нажимаешь на неё - кнопка display:none;

а то что под ней становиться видимым - вся форма с отправкой сообщения.

ну и с таким эффектом красивым.

потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно

или может плагин под вордпресс такой есть?

 

Edited September 2, 2016 by nikki4

[dmitryiva]

Без js.
Используем Псевдокласс :target. Для красивостей переходы (transition).

Что-бы не прыгало на верх страницы по закрытию (на кнопке #close). Создаём элемент с id='close' и css position: fixed, visibility:hidden.

[by chris]

@nikki4, нужна разметка кнопки и формы, чтобы избежать дальнейших вопросов.

[Endorphin]

Ну да тут можно и так и так, но как нам говорили на курсах, css для оформления а js для функционала, так что я бы все таки функционал написал скриптом:)