function initit(list, img, stylesheetpath)
{
var show = GetCookie(list);
var listElementStyle=document.getElementById(list).sty le;
if (show == "true"){
listElementStyle.display="block";
}
else{
listElementStyle.display="none";
}
}
function switchit(list,img,stylesheetpath){
var listElementStyle=document.getElementById(list).sty le;
if (listElementStyle.display=="none"){
listElementStyle.display="block";
SetCookie(list,"true");
}
else {
listElementStyle.display="none";
SetCookie(list,"false");
}
}
function SetCookie(name, value, expires, path, domain)
{
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain);
}
function GetCookie(name)
{ var cname = name + "=";
var dc = document.cookie;
if (dc.length> 0)
{
begin = dc.indexOf(cname);
if (begin != -1)
{
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
function DelCookie (name,path,domain)
{
if (getCookie(name))
{
document.cookie = name + "=" +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
"; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}
Con este codigo hago que salga mi menu con cada categoria y cada categoria salga su subcategoria, lo que quiero es que al elegir una categoria y salga la subcategoria cuando elijamos otra la subcategoria anterior se cierre y la nueva se abra.
Bueno aki dejo el codigo html que he usado:
<div id="categorias">
<h1>Categorias</h1>
<ul class="mainMenu">
<li><a href="javascript
:switchit('navOne','menu1','')">Pe rros</a>
<ul class="subMenu" id="navOne">
<li><a href="#">Collares</a></li>
<li><a href="#">Alimentos</a></li>
<li><a href="#">Camas</a></li>
<li><a href="#">Juguetes</a></li>
<li><a href="#">Productos Caninos</a></li>
</ul>
<script type="text/javascript">initit('navOne','','');</script>
</li>
<li><a href="javascript
:switchit('navTwo','menu2','')">Ga tos</a>
<ul class="subMenu" id="navTwo">
<li><a href="#">Collares</a></li>
<li><a href="#">Alimentos</a></li>
<li><a href="#">Camas</a></li>
<li><a href="#">Juguetes</a></li>
<li><a href="#">Productos Caninos</a></li>
</ul>
<script type="text/javascript">initit('navTwo','','');</script>
</li>
.
........
Asi continua......
Bueno espero que me podais ayudar. Muchas Gracias