Иногда необходимо не выводить весь контент или форму на страницу, а временно ее припрятать до тех пор, пока пользователь сайта сам не решит воспользоваться ее. Для этого нам поможет AJAX. Мы сделаем плавно появляющуюся и плавно исчезающую форму. Для этого у нас будет ссылка "Показать/Спрятать"
Стоит отметить, что для таких ссылок, которые не перегружают страницу следует делает не сплошное подчеркивание а пунктирное.

И так, приступим к коду
(код набросан быстро от руки, сильно не судить. Требуется jQuery):

<a id="showhide" href="#">Показать/Спрятать</a>
 /*Сам контейнер*/
<div id="showhidecontent" style="display:none;">
Сюда поместите вашу форму, текст или медиа.</div>
<script type="text/javascript">
  $(document).ready(function(){
	    $("#showhide").click(function () {
			if ($("#showhidecontent").is(":hidden")) {
				$("#showhidecontent").show("slow");
			} else {
				$("#showhidecontent").hide("slow");
			}
		});

  });
</script>

Вот и все :)

Демо-пример.

(Visited 1 160 times, 1 visits today)