Reakce na odpověď

První příklad:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled</title>
</head>

<body>

<script type="text/javascript">
function showLayer(name)
{
        name.style.display = "block";
}

function hideLayer(name)
{
        name.style.display = "none";
}
</script>
<div style="width: 600px;">
	<span onclick="showLayer(thisone)" style="cursor: hand"><b>Pro zobrazení klikni 
	na tento řádek</b></span><br />
	<div id="thisone" style="display: none;">
		Lorem ipsum dolor sit amet consectetuer Suspendisse sapien felis Pellentesque 
		vel. Phasellus risus Nam rutrum libero nec tincidunt Nam nulla tellus leo. 
		Elit Proin eu sed et cursus leo congue at convallis Mauris. Amet id et a 
		laoreet odio tempor aliquam urna elit eget. Neque hendrerit turpis ultrices 
		laoreet Nulla tempor est amet ac Donec. Lacus Cras Nulla tempus malesuada 
		scelerisque. <br />
		<a href="#null" onclick="hideLayer(thisone)" style="text-decoration: none; cursor: hand;">
		[ schovat ] </a></div>
</div>

</body>

</html>

Druhý příklad:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
.slideSign {
	color: #f00;
}
</style>
</head>

<body>

<div id="mySlideToggler">
	EXPANDING COLLAPSING DIV (klikni na tento řádek) </div>
<div id="mySlideContent" style="width: 600px; font: 15px Verdana; text-align: justify;">
	Lorem ipsum dolor sit amet consectetuer Suspendisse sapien felis Pellentesque 
	vel. Phasellus risus Nam rutrum libero nec tincidunt Nam nulla tellus leo. Elit 
	Proin eu sed et cursus leo congue at convallis Mauris. Amet id et a laoreet 
	odio tempor aliquam urna elit eget. Neque hendrerit turpis ultrices laoreet 
	Nulla tempor est amet ac Donec. Lacus Cras Nulla tempus malesuada scelerisque.
</div>
<script type="text/javascript">
	$(function(){
		$('#mySlideContent').css('display','none');
		$('#mySlideToggler').click(function(){
			$('#mySlideContent').slideToggle('slow');
			$(this).toggleClass('slideSign');
			return false;
		});
	});
</script>

</body>

</html>

Rozjizdeci nabidka (menu na web)