Пятница, 17.11.2017, 20:30
RR - StUdIo___Добро Пожаловать Шамкир Гес___StUdIo...RR
Гипер-Софт
Главная Регистрация Вход
Приветствую Вас, гости · RSS
SamirMM Studio"RR" WWW.GES.MOY.SU
  
  Ключи и пин-коды
FIFA, Steam: случайные, Counter-Strike, Playstation Network, Hearthstone: Heroes of Warcraft, World of Warcraft, Xbox LIVE (Microsoft Points), Prepaid Credit Card, Far Cry, Assassin´s Creed, Diablo 3, Middle-earth: Shadow of Mordor, ...
  Электронные книги
Контрольные работы, Музыка, ноты, тексты песен, В помощь студенту, Фэнтази, Физика, История, Государство и право, Математика, Магия, оккультизм, мистика, Творческие личности, Рукоделие, Экономика, ...
  Цифровые товары
Игровые аккаунты, Аккаунты PSN, Аккаунты Xbox, iTunes & App Store, Telonko.ru, Приглашения /инвайты, Разное, Skype-аккаунты, Видео и аудиокурсы, уроки, Google Play, Анонимные прокси, Базы данных, ...
  Программное обеспечение
Разблокировка телефонов, Антивирусы, Принтеры, Программы > MMORPG, Программы для сотовых телефонов, Шифрование, Windows, Спортивные, SEO скрипты, Советники, Стратегии, Mногофункциональные утилиты, ...
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: ges 
форум для всех » Все для web мастера » Скрипты » Jquery Складывающиеся панельки show_all_message,hide,show (Jquery Складывающиеся панельки show_all_message,hide,show)
Jquery Складывающиеся панельки show_all_message,hide,show
gesДата: Среда, 21.11.2012, 00:49 | Сообщение # 1
Administrator
Группа: Администраторы
Сообщений: 297
Статус: Offline
Jquery Складывающиеся панельки show_all_message,hide,show

[red]Ну а теперь чуть-чуть скомбинируем предыдущие примеры и
создадим ряд складывающихся панелек (наподобие как в Gmail организован inbox).
(см. пример)[/red]



[blue]
Code
скрываем все элементы <div class=”message_body”> после первого.
скрываем все элементы <li> после пятого
клик по <p class=”message_head”> – вызывает метод slideToggle для следующего элемента <div class=”message_body”>
клик по <a class=”collpase_all_message”> – вызывает метод slideUp для всех <div class=”message_body”>
клик по <a class=”show_all_message”> – скрывает элемент, и отображает <a class=”show_recent_only”>, так же вызывается метод slideDown для всех <li> послепятого
клик по <a class=”show_recent_only”> – скрывает элемент, и отображает <a class=”show_all_message”>, так же вызывается метод slideUp для всех <li> после пятого
[/blue]

Код
Code

$(document).ready(function(){
   
     //hide message_body after the first one
     $(".message_list .message_body:gt(0)").hide();
   
     //hide message li after the 5th
     $(".message_list li:gt(4)").hide();
   
     //toggle message_body
     $(".message_head").click(function(){
         $(this).next(".message_body").slideToggle(500)
         return false;
     });
   
     //collapse all messages
     $(".collpase_all_message").click(function(){
         $(".message_body").slideUp(500)
         return false;
     });
   
     //show all messages
     $(".show_all_message").click(function(){
         $(this).hide()
         $(".show_recent_only").show()
         $(".message_list li:gt(4)").slideDown()
         return false;
     });
   
     //show recent messages only
     $(".show_recent_only").click(function(){
         $(this).hide()
         $(".show_all_message").show()
         $(".message_list li:gt(4)").slideUp()
         return false;
     });
   
});


Прежде чем задать вопрос Администратору подумайте вопрос о чем?
Администраторы вопросах не отвечает только создает тему!
Вопросы долько в том случай о том вопрос будет про
Студии "RR"
 
форум для всех » Все для web мастера » Скрипты » Jquery Складывающиеся панельки show_all_message,hide,show (Jquery Складывающиеся панельки show_all_message,hide,show)
Страница 1 из 11
Поиск:

© GES.MOY.SU 2007-2017 . Администрация не несёт ответственности за содержащие файлы на портале.   
Все материалы на сайте принадлежат исключительно их владельцам! 
Сайт оптимизирован для просмотра с разрешением более 1024x768, браузером FireFox или Opera.
 Разрешение вашего экрана : Ваш браузер: -
<< Сайт зарегистрирован в домене >>