Есть меню
<script type="text/javascript">
function tree_toggle(event) {
event = event || window.event
var clickedElem = event.target || event.srcElement
if (!hasClass(clickedElem, 'Expand')) {
return // клик не там
}
// Node, на который кликнули
var node = clickedElem.parentNode
if (hasClass(node, 'ExpandLeaf')) {
return // клик на листе
}
// определить новый класс для узла
var newClass = hasClass(node, 'ExpandOpen') ? 'ExpandClosed' : 'ExpandOpen'
// заменить текущий класс на newClass
// регексп находит отдельно стоящий open|close и меняет на newClass
var re = /(^|\s)(ExpandOpen|ExpandClosed)(\s|$)/
node.className = node.className.replace(re, '$1'+newClass+'$3')
}
function hasClass(elem, className) {
return new RegExp("(^|\\s)"+className+"(\\s|$)").test(elem.className)
}
</script>
</head>
<body>
<div onclick="tree_toggle(arguments[0])">
<div style="width:auto;text-align:center;font-size:1.2em;background-color:#006286;-moz-border-radius-top-left: 7px;
-webkit-border-top-left-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;color:#ffffff;font-weight:900;font-family:arial narrow;padding:10px 4px;">МЕНЮ</div>
<ul class="Container">
<!---------------------------------------------- BEGIN КАТЕГОРИЯ -------------------------------------------------->
<li class="Node IsRoot ExpandClosed">
<div class="Expand"></div>
<div class="Content"><a href="">КАТЕГОРИЯ</a></div>
<ul class="Container">
<!-- BEGIN ПОДКАТЕГОРИЯ -->
<li class="Node ExpandLeaf">
<div class="Content"><a href="">ПОДКАТЕГОРИЯ</a></div>
</li>
<!-- END ПОДКАТЕГОРИЯ -->
</ul>
<!---------------------------------------------- END КАТЕГОРИЯ -------------------------------------------------->
<!---------------------------------------------- BEGIN КАТЕГОРИЯ -------------------------------------------------->
<li class="Node IsRoot ExpandClosed">
<div class="Expand"></div>
<div class="Content"><a href="">КАТЕГОРИЯ</a></div>
<ul class="Container">
<!-- BEGIN ПОДКАТЕГОРИЯ -->
<li class="Node ExpandClosed">
<div class="Expand"></div>
<div class="Content"><a href="">ПОДКАТЕГОРИЯ</a></div>
<ul class="Container">
<li class="Node ExpandLeaf ">
<div class="Content"><a href="">ТОВАР</a></div>
</li>
</ul>
</li>
<!-- END ПОДКАТЕГОРИЯ -->
<!-- BEGIN ПОДКАТЕГОРИЯ -->
<li class="Node ExpandClosed">
<div class="Expand"></div>
<div class="Content"><a href="">ПОДКАТЕГОРИЯ</a></div>
<ul class="Container">
<li class="Node ExpandLeaf ">
<div class="Content"><a href="">ТОВАР</a></div>
<div class="Content"><a href="">ТОВАР</a></div>
<div class="Content"><a href="">ТОВАР</a></div>
<div class="Content"><a href="">ТОВАР</a></div>
<div class="Content"><a href="">ТОВАР</a></div>
<div class="Content"><a href="">ТОВАР</a></div>
<div class="Content"><a href="">ТОВАР</a></div>
</li>
</ul>
</li>
<!-- END ПОДКАТЕГОРИЯ -->
<!---------------------------------------------- END КАТЕГОРИЯ -------------------------------------------------->
Подскажите, как его заставить запоминать текущее расположение пользователя. Т.е если человек кликнул, на товар и ушёл на страницу с товаром, то меню после обновления страницы запомнило этот переход и осталось раскрытым на данном товаре.