Динамически прячем (показываем) блочные элементы одной строкой jQuery
Действие slideToggle() на заголовки.
Эффект постепенного скрытия/раскрытия элементов.
Заголовок h1
который Вы видите выделенным зеленым цветом показывается или скрывается при клике мышкой внутри прямоугольника.
Подобным образом функция slideToggle() действует на все блочные элементы, а встроенные элементы обрабатываются как блочные, выделяя их в отдельную строку.
Код примера приведен ниже
<div onclick="$('#slide_h1').slideToggle('slow')" style="font-family:
Verdana; font-size: 17px; border: 1px solid #777777; width: 500px">
Эффект постепенного скрытия/раскрытия элементов.
<p ><h1 id="slide_h1" style="font-family: Verdana;
font-size: 25px; color: green;">Заголовок h1</h1>
который Вы видите выделенным зеленым цветом показывается или скрывается
при клике мышкой внутри прямоугольника.</p>
</div>