Раскрывающееся меню на Jquery с Cookies

Master | 15.Мая.2024

Эта менюшка выполнена в виде раскрывающегося списка с сохранением сосотояния в (cookies).

Demo

Подключаем (Jquery.js) и (jquery.cookie.js) далее вписываем стили для меню и скрипт инициализации также можно вынести их в отдельные фаилы ну и конечно вписываем сам код менюшки.

Code
<script type="text/javascript" src="/jquery.js"></script> <script type="text/javascript" src="/jquery.cookie.js"></script> <script type="text/javascript"> $(document).ready(function() { $('ul#my-menu ul').each(function(i) { // Check each submenu: if ($.cookie('submenuMark-' + i)) { // If index of submenu is marked in cookies: $(this).show().prev().removeClass('collapsed').addClass('expanded'); // Show it (add apropriate classes) }else { $(this).hide().prev().removeClass('expanded').addClass('collapsed'); // Hide it } $(this).prev().addClass('collapsible').click(function() { // Attach an event listener var this_i = $('ul#my-menu ul').index($(this).next()); // The index of the submenu of the clicked link if ($(this).next().css('display') == 'none') { $(this).next().slideDown(200, function () { // Show submenu: $(this).prev().removeClass('collapsed').addClass('expanded'); cookieSet(this_i); }); }else { $(this).next().slideUp(200, function () { // Hide submenu: $(this).prev().removeClass('expanded').addClass('collapsed'); cookieDel(this_i); $(this).find('ul').each(function() { $(this).hide(0, cookieDel($('ul#my-menu ul').index($(this)))).prev().removeClass('expanded').addClass('collapsed'); }); }); } return false; // Prohibit the browser to follow the link address }); }); }); function cookieSet(index) { $.cookie('submenuMark-' + index, 'opened', {expires: null, path: '/'}); // Set mark to cookie (submenu is shown): } function cookieDel(index) { $.cookie('submenuMark-' + index, null, {expires: null, path: '/'}); // Delete mark from cookie (submenu is hidden): } </script> <style type="text/css"> ul.sample-menu { padding:0;margin:10px 15px; } ul.sample-menu li { padding:2px 0;margin:0;list-style:none; } ul.sample-menu li ul { padding:0;margin:0 0 0 15px; } ul#my-menu a { padding-left:8px; } ul#my-menu a.collapsed { background:url('collapsed.gif') left 6px no-repeat; } ul#my-menu a.expanded { background:url('expanded.gif') left 6px no-repeat; } </style> <ul id="my-menu" class="sample-menu"> <li><a href="#0">Главная</a></li> <li><a href="#0">О компании</a> <ul><li><a href="#0">История</a></li> <li><a href="#0">Настоящее</a></li> <li><a href="#0">Будущее</a></li></ul></li> <li><a href="#0">Контакты</a></li> <li><a href="#0">Продукция</a> <ul><li><a href="#0">Мясные продукты</a> <ul><li><a href="#0">Колбаса</a></li> <li><a href="#0">Сосиски и сардельки</a></li> <li><a href="#0">Деликатесы</a></li></ul></li> <li><a href="#0">Алкоголь</a><ul> <li><a href="#0">Вино</a></li> <li><a href="#0">Водка</a></li> <li><a href="#0">Пиво</a></li></ul></li></ul></li> </body> <html>
Источник : alt-f4.ru
| Категория: Меню | Просмотров: 3469 |
3.7Рейтинг
6Голосов
Комментарии: 3
1
Хороший коментарий 0 Плохой коментарий
YaVedro [Материал]
21.Апреля.2012 / 06:49

545446464646

Code
<style type="text/css">
  ul.sample-menu { padding:0;margin:10px 15px; }
  ul.sample-menu li { padding:2px 0;margin:0;list-style:none; }
  ul.sample-menu li ul { padding:0;margin:0 0 0 15px; }
  ul#my-menu a { padding-left:8px; }
  ul#my-menu a.collapsed { background:url('collapsed.gif') left 6px no-repeat; }
  ul#my-menu a.expanded { background:url('expanded.gif') left 6px no-repeat; }
</style>

2
Хороший коментарий 0 Плохой коментарий
Zunrqanea [Материал]
12.Октября.2012 / 02:41

Помогите советом. Пару дней назад решился покупать в онлайн аптеке изрядно препаратов. Для себя да и для жены тоже.
Аптеку нашел через сего сайт.
http://sdfg.freeiz.com/
Понравились цены и бонусы. Там дозволительно приобретать громоздкий обьем едва даром.

Оплатил без проблем. Теперь жду когда прийдет. жду и сомневаюсь. Боюсь что ошибся в чем-то.
А потому прошу совета. Кто покупал через онлайн аптеки? Я сделал все правильно?

P.S. Господа модераторы. Извините ежели написал не туда. Перенесите тему в правильный раздел. Спасибо.

3
Хороший коментарий 0 Плохой коментарий
Iufrwahei [Материал]
13.Октября.2012 / 13:57

Долгое время не брал кредиты. Копил и собирал)
Но как показывает практика время то уходит(
Кто брал кредиты в сбербанке?
Подскажите. У них еще действует правило о снижении процентной ставки для заемщика с хорошей кредитной историей?
Собираюсь взять сначала потребительский кредиты. А затем и ипотечный.

Вот нашел пару страниц по потребительскому кредиту.
http://rusbanksite.ru/potrebitelskie-kredity-sberbanka-bazovye-programmy/
http://rusbanksite.ru/bystrokredit-ot-banka-moskvy-kak-poluchit-bystryj/

Но все равно не очень понял как выгодно взять кредиты.

P.S. Если написал не в тот раздел перенесите пожалуйста.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Скоро на сайте
Скоро на сайте
Скоро на сайте
Скоро на сайте