<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Apri/Chiudi <div> Nascosti</title>

<script>
function toogle(element){
var div = document.getElementsByTagName('div');
var i;
for(i=0; i<div.length; i++){
if(div[i].className=='toogleOFF' && i==element){
div[i].className='toogleON';}
else{
div[i].className='toogleOFF';
}
}
}
</script>

<style type="text/css">
.toogleOFF{
display:none;
border:#7b1c20 1px dotted;
border-top:none;
width:400px;

}
.toogleON{
display:block;
border:#7b1c20 1px dotted;
border-top:none;
width:400px;

}
.open{display:block;}
</style>

</head>

<body>
<div id="container">
<div id="header">
<div id="logo"></div>
</div>

<div id="body">
<div id="content">
<div id="expol">
<div id="main" >
<h2>Elenco Titoli</h2>
<ul>
<h4>Titolo 1</h4>
<div class="toogleOFF">
<ul>
[*]<span>div 0</span>
[/list]
</div>

<h4>Titolo 2</h4>
<div class="toogleOFF">
<ul>
[*]<span>div 1</span>
[*]<span>div 1</span>
[*]<span>div 1</span>
[/list]
</div>
[/list]
</div>
</div>
</div>
</div>
<div id="footer">
<p class="left">&copy; 2011</p>
</div>
</div>
</body>
</html>