Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.05.2013, 22:58
Интересующийся
Отправить личное сообщение для SergeyMiracle Посмотреть профиль Найти все сообщения от SergeyMiracle
 
Регистрация: 16.05.2013
Сообщений: 18

Меню аккордеон на jQuery + cookie
Привет всем, ребят сам не сильно разбираюсь в java, настроил менюшку и код собрал с просторов интернета, все вроде работает, но иногда проскакивает глюк, положение не сохраняет... Прошу гуру глянуть на код и подсказать где не то... За ранее спасибо
$(document).ready(function() {

	$('ul#accordion 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#accordion 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):
}

$(function(){
       $("#accordion a").each(function(){
               if ($(this).attr("href") == window.location.pathname){
                       $(this).addClass("current");
               }
       });
});
Ответить с цитированием
  #2 (permalink)  
Старый 17.05.2013, 16:35
Интересующийся
Отправить личное сообщение для SergeyMiracle Посмотреть профиль Найти все сообщения от SergeyMiracle
 
Регистрация: 16.05.2013
Сообщений: 18

Ответов 0 значит все ок?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу jQuery плагин для создания меню Zeboton jQuery 9 15.09.2014 15:31
Вопрос по jquery меню fle4er Элементы интерфейса 2 26.01.2013 17:28
меню в стиле аккордеон из таблицы chdn Элементы интерфейса 1 10.11.2011 21:15
Не работает jQuery меню с AJAX eugene1986 jQuery 0 08.07.2010 18:49
jQuery jTreeMenu plugin Seafnox jQuery 9 12.01.2010 21:55