Bueno, no conozco mucho de jquery pero estoy usando jquery.cookie.js para la creacion y uso de cookies
Y aunque he leido y buscado no entiendo como puedo crear una cookie que tome el nombre id de un elemento al que le hago click. Tengo un menu creado con una lista con etiquetas <ul> y cada ul tiene un ID y quisiera que esta id se almacenara en una cookie para que asi pueda recuperarlo para qye me deje esa lista desplegada.
Por ejemplo aqui trate de crear y usar una cookie que capture por ejemplo el id="lista1" de la primera etiqueta <ul>.
<script type="text/javascript">
$(function(){
(function($){
var VarCookie = $.cookie(this.id);
$.fn.accordion = function(custom) {
var defaults = {keepOpen: false,startingOpen: false}
var settings = $.extend({}, defaults, custom);
if(settings.startingOpen){
$(settings.startingOpen).show();
}
return this.each(function(){
var obj = $(this);
$('li a', obj).click(function(event){
var elem = $(this).next();
if(elem.is('ul')){ event.preventDefault();
if(!settings.keepOpen){ obj.find('ul:visible').not(elem).not(elem.parents( 'ul:visible')).slideUp();
}
elem.slideToggle();
}
});
});
};
})(jQuery);
// check cookie for accordion state
if (VarCookie != "") {
$('#menu').accordion({keepOpen:false, startingOpen: $('#' + VarCookie)});
}
Aqui dejo el codigo html por si aca:
<ul id="menu">
<li><a href="#">Menu 1</a>
<ul id="lista1">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2 ></a>
<ul id="lista1_1">
<li><a href="Pagina.aspx?id=1">Google</a></li>
<li><a href="Pagina.aspx?id=3">Inicio Seguridad</a></li>
<li><a href="Pagina.aspx?id=5">Pagina prueba</a></li>
<li><a href="#">Subsubmenu 4</a></li>
</ul>
</li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
</ul>
</li>
De antemano gracias a quien pueda guiarme un poco :(