Как по нажатию на ссылку показать/скрыть DIV

Задача стояла следующая при нажатии на кнопку показывать скрытый див с анкетой, а при повторном нажатии спрятать этот блок.

Пришлось прибегнуть к помощи дорогого JS. Пример ниже.
<script type="text/javascript">

function viewdiv(id)
{
var el=document.getElementById(id);
if(el.style.display=="block")
{
el.style.display="none";
} else {
el.style.display="block";
}
}


</script>

<a href="javascript:void(0);" onclick="viewdiv('mydiv');">Показать блок</a>
<div id="mydiv" style="display:none;">text text text</div>

Также можно использовать вместо ссылки, кнопку.

<input onclick="viewdiv('mydiv');" type="submit" value="Записаться на курс" />

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.