Rozklikávací menu v html.

Tady je rozklikávací menu s cookies, takže si to po reloadu pamatuje rozkliknuté položky.

Javascript:

function ukazat_nebo_skryt(id) 
	{
	var status=document.getElementById(id);
	
	if (status.style.display != "block")
		{
		status.style.display = "block";
		setCookie(id, 1, 365);
		}
	else
		{
		status.style.display = "none";
		setCookie(id, 0, 365);
		}
	}
	
function setCookie(c_name,value,expiredays)
	{
	var exdate=new Date();

	exdate.setDate(exdate.getDate()+expiredays);

	document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
	}

function getCookie(c_name)
	{
	if (document.cookie.length>0)
		{
		c_start=document.cookie.indexOf(c_name + "=");
		if (c_start!=-1) 
			{
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(";",c_start);
			if (c_end==-1) 
				{
				c_end=document.cookie.length;
				}
			return unescape(document.cookie.substring(c_start,c_end));
			}
		}
	return "";
	}

function beginMenu()
	{
	var i = "0";
	var foo = document.getElementById("menu").getElementsByClassName("skryte");
	for (i=0;i<foo.length;i++)
		{
		var num = i+1;
		var id = "prvek"+num;
		
		what=document.getElementById(id);

		status=getCookie(id);
		if (status!=null && status!="" && status !=0)
			{
			what.style.display="block";
			}
		else
			{
			what.style.display="none";
			}
		}
	}

window.onload=new Function("beginMenu()");

CSS Styl

.skryte {display: none;}

HTML

 <div id="menu">
 	<div onclick="javascript:ukazat_nebo_skryt('prvek1');">Položka1</div>
	<div id="prvek1" class="skryte">
		<a href="index.php">Submenu1-1</a><br>
		<a href="index.php">Submenu1-2</a><br>
		<a href="index.php">Submenu1-3</a>
	</div>
	
	<div onclick="javascript:ukazat_nebo_skryt('prvek2');">Položka2</div>
		<div id="prvek2" class="skryte">
		<a href="index.php">Submenu2-1</a><br>
		<a href="index.php">Submenu2-2</a><br>
		<a href="index.php">Submenu2-3</a>
		</div>
	
	<div onclick="javascript:ukazat_nebo_skryt('prvek3');">Položka3</div>
		<div id="prvek3" class="skryte">
		<a href="index.php">Submenu3-1</a><br>
		<a href="index.php">Submenu3-2</a><br>
		<a href="index.php">Submenu3-3</a><br>
		</div>
</div>