Mantener abierto un menú jQuery con cookies

He estado jugando con algunas de las cookies de jQuery que he encontrado en este sitio y creo que la cookie funciona, pero mi menú deja de abrirse por completo.

Soy muy nuevo en jQuery, así que no estoy seguro de dónde podría estar yendo mal.

Simplemente fui para mantener abiertos los enlaces, por ejemplo, haga clic en el enlace 1 y luego en un elemento del submenú, y cuando la página se cargue, el enlace 1 aún estará abierto.

¡Alguien por favor apúntame en la dirección correcta!

Gracias

http://jsfiddle.net/pHgB7/

 jQuery(function ($) { // jQuery code in here can safely use $ $('.nav li') .css({ cursor: "pointer" }) $(".drop") .on('click', function () { $(this).find('ul').toggle(); }) }); 

Aquí hay una pequeña respuesta desordenada:

 jQuery(function ($) { // jQuery code in here can safely use $ $('.nav li') .css({ cursor: "pointer" }); $(".drop") .on('click', function () { $(this).toggleClass('open'); $(this).find('ul').toggle(); $.cookie('open_items', 'the_value'); openItems = new Array(); $("li.drop").each(function(index, item) { if ($(item).hasClass('open')) { openItems.push(index); } }); $.cookie('open_items', openItems.join(',')); }); if( $.cookie('open_items') && $.cookie('open_items').length > 0 ) { previouslyOpenItems = $.cookie('open_items'); openItemIndexes = previouslyOpenItems.split(','); $(openItemIndexes).each(function(index, item) { $("li.drop").eq(item).addClass('open').find('ul').toggle(); }); } }); 

Deberá incluir la biblioteca jquery.cookie para esto.

El violín actualizado se puede encontrar aquí: http://jsfiddle.net/pHgB7/2/