| Сегодня 26 июля, суббота |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Переключение упорядоченный/неупорядоченный для списка с использованием jQuery2012-09-09 00:15:00 (читать в оригинале)
Представим, например, что вы имеете древовидную структуру состоящую из пачки тегов ul и li. И вам нужно раскрывать или закрывать секции этой структуры. Давайте посмотрим как сделать это с использованием jQuery (пример тестировался на IE и Firefox) <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .clsUL { cursor:hand; } </style> <script src="Scripts/jquery-1.2.6.js" type="text/javascript"> </script> <script type="text/javascript"> $(document).ready(function(){$('#unord li').click(function() { $(this).children('ul').slideToggle("slow"); }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <ul id="unord" class="clsUL"> <li>Client-Side Languages <ul> <li> jQuery </li> <li> JavaScript </li> <li> JScript </li> </ul> </li> <li>Server-Side Languages <ul> <li> C# </li> <li> VB.NET </li> <li> Others </li> </ul> </li> </ul> </div> </form> </body> </html> Пример, показанный выше, скрывает и разворачивает секцию тегов li находящуюся внутри тега ul. Безусловно, в такой деятельности jQuery рулит ! Это перевод. Оригинал здесь.
|
  
Категория «Анекдоты»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.