Банально-индивидуальный аккордеон
 

Привет. На форуме прошерстила похожие темки, , но где-то ответов нету, где-то очень сложно написано,а где-то другая ситуация.Прошу простить. С Jquery я пока не слишком близка))) существует простой аккордеон,хочется чтобы при переходе по ссылке он не закрывал выбранную категорию. Наскребла следующий код,но что-то по моему намудрила с селекторами .Взгляните пожалуйста авось поможете?) С уважением

var openItem = false;
if($.cookie("openItem") && $.cookie("openItem") != 'false'){
var openItem = parseInt($.cookie("openItem"));
}
$("#accordion").accordion({
active: openItem,
collapsible: true,
autoHeight: false
});
$("#accordion ul li ul").click(function(){
$.cookie("openItem", $("#accordion").accordion("option", "active"));
});
$("#accordion > li ul").click(function(){
$.cookie("openItem", null);
var link = $(this).find('a').attr('href');
window.location = link;
});

Каркас же следующий:

<ul id="accordion"><ul>
<li>Парикмахерская
<ul style="display:block;">
<li><a href="#">Детская стрижка</a></li>
<li><a href="#">Мужская стрижка</a></li>
<li><a href="#">Женская стрижка</a></li>
</ul>
</li>

и так далее

не понятно к чему там куки.. нужно подключить jqueryui
и включить акордеон

$(function() {
    $( "#accordion" ).accordion();
  });

http://jqueryui.com/accordion/

tvixa,
а может target="_blank" ? или return false

tvixa,
есть такое => http://habrahabr.ru/post/169265/#first_unread