|
Сообщение от zevilz
|
|
Что то я не понял как кукисы приделать
|
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style>
#nav_menu_content ul {
display: none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var nav = $("#nav_menu_content"),
uls = nav.find("ul");
// тут получаем индексы из куки и перебираем их:
var showedElems = [0,1]; // индексы из куки
for( var i = 0; i < showedElems.length; i++ ) {
// отображаем при загрузке то что надо.
$( uls[ showedElems[ i ] ] ).show();
}
nav.find("a").click(function() {
var self = $(this).next();
if ( self.length > 0 ) {
var showedElems = [];
uls.each(function( index ){
if ( this === self[0] ) {
if ( self.css('display') == "none" ) {
showedElems[ showedElems.length ] = index;
}
$( this ).slideToggle( 200 );
} else if ( jQuery.inArray( this, self.parents( "ul" ) ) == -1 ) {
$( this ).slideUp( 200 );
} else {
showedElems[ showedElems.length ] = index;
}
});
alert( "вот тут все эти индексы можно сунуть в куку: " + showedElems );
return false;
}
});
});
</script>
</head>
<body>
<ul class='left_nav_menu' id='nav_menu_content'>
<li><a href='#0'>Категория_1</a>
<ul>
<li><a href="#">Подкатегория_1</a>
<ul>
<li><a href="view_cat.php?...">Подподкатегория_1</a></li>
</ul>
</li>
<li><a href="#">Подкатегория_2</a>
<ul>
<li><a href="view_cat.php?...">Подподкатегория_2</a></li>
<li><a href="view_cat.php?...">Подподкатегория_3</a></li>
</ul>
</li>
<li><a href="#">Подкатегория_3</a>
<ul>
<li><a href="view_cat.php?...">Подподкатегория_4</a></li>
<li><a href="view_cat.php?...">Подподкатегория_5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#0'>Категория_2</a>
<ul>
<li><a href="#">Подкатегория_4</a>
<ul class="material_cat">
<li><a href="view_cat.php?...">Подподкатегория_6</a></li>
</ul>
</li>
</ul>
</li>
</ul>