Быстрое создание переключения видимости контента на jQuery

Мы уверены, что данное руководство по созданию переключения видимости контента совершенно точно вам пригодится, потому что его можно быстро и легко реализовать, используя всего лишь jQuery библиотеку.

Этот скрипт использует UL списки и позволяет пользователю переключать видимость контента LI элементов. Такая полезная особенность UI может помочь верстальщикам, потому как им не надо будет строить лишнего HTML и CSS кода и пользователям, смогут просматривать контент только тогда, когда захотят его увидеть.

1. HTML

Создаем UL список, остальное и так понятно.

2. CSS

Мы использовали минимум CSS кода для этого руководства. Самый важный момент в том, чтобы спрятать элемент P.

3. Javascript

Это один из самых коротких jQuery кодов!

Назначаем событие нажатия на элемент LI, и теперь, если пользователь кликнет на элемент LI, P станет видимым или наоборот свернется. Кроме того, код будет менять элемент SPAN с минуса на плюс и наоборот, в зависимости от видимости элемента P.

Надеемся это руководство было вам полезно! :)


Оставить комментарий