Неупорядоченный список - динамическое скрытие/раскрытие избранных групп элементов
Действуем на избранные элементы списка
На этот раз мы будем воздействовать на все элементы, номер которых больше 3, что задается селектором :gt(2) - т.к. нумерация идет с нуля.
Как мы можем видеть после кликов на тексте - как и в случае с упорядоченным списком, в Сафари 4 и Мозилле 3 маркеры скрывшихся пунктов не отображаются после повторного открытия. И здесь также это не проблема jQuery, а проблема самих браузеров - я специально устанавливал CSS-свойство list-style-type после открытия в разные значения и оно устанавливалось, но эффекта не приносило. Поэтому, если очень хочется манипулировать отдельными пунктами меню, то лучше их никак не маркировать (т.е. нужно установить list-style-type: none; в стиле пунктов меню) - тогда видимых изменений не будет, а лучше всего скрывать-разворачивать меню целиком - тогда маркеры пунктов прекрасно воспроизводятся.
Кликните где-нибудь на тексте, а потом еще раз и посмотрите, что получится.
- Первый пункт
- Второй пункт
- Третий пункт
- Четвертый пункт
- Пятый пункт
- Шестой пункт
- Седьмой пункт
Неупорядоченный список
Код примера приведен ниже:
<div onclick="$('#slide_ul li:gt(2)').slideToggle('slow'); " >
Кликните где-нибудь на тексте, а потом еще раз и посмотрите, что
получится.
<ul id="slide_ul" >
<p>Неупорядоченный список</p>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
<li>Четвертый пункт</li>
<li>Пятый пункт</li>
<li>Шестой пункт</li>
<li>Седьмой пункт</li>
</ul>
</div>