Главная

Выезжающий список элементов одной строкой jQuery

Эффект постепенного скрытия/раскрытия списка.

Слова "пятый элемент" обрамлены тегом жирного шрифта, подобно этому и другие конструкции, для которых тег списка является предком будут скрываться/раскрываться вместе со списком.

Кликните где-нибудь на тексте, а потом еще раз и посмотрите, что получится.

    Упорядоченный список

  1. Первый элемент
  2. Второй элемент
  3. Третий элемент
  4. Четвертый элемент
  5. Пятый элемент
  6. Шестрой элемент
  7. Седьмой элемент

Ниже приведен код примера:

<div onclick="$('#slide_ol').slideToggle('slow')" >
Кликните где-нибудь на тексте, а потом еще раз и посмотрите, что получится.

<ol id="slide_ol"
style="list-style-type: circle; font-family: Verdana; font-size: 17px; border: 1px solid #777777; width: 300px; background: rgb(240,220,200);">

<p>Упорядоченный список</p>

<li>Первый элемент</li>

 <li>Второй элемент</li>

<li>Третий элемент</li>

<li>Четвертый элемент</li>

<li><b>Пятый элемент</b></li>

<li>Шестрой элемент</li>

<li>Седьмой элемент</li>

</ol>

</div>