<head>
<style type='text/css'>
.headline { cursor: pointer; text-align: center; font: bold;background-color: rgb(105, 105, 105); font-size: 2em}
.hidden {display: none; text-align: center;background-color: rgb(105, 105, 105); margin-top: 0px}
</style>
<script type="text/javascript">
function show(ele) {
var srcElement = document.getElementById(ele);
if(srcElement) {
if(srcElement.style.display == "block") {
srcElement.style.display= 'none';
}
else {
srcElement.style.display='block';
}
}
}
</script>
</head>
<body> <div class="headline" onclick="show('cat1')">СЕРИЯ 1</div>
<div class="hidden" id="cat1">7777777777777</div>
<div class="headline" onclick="show('cat2')">СЕРИЯ 2</div>
<div class="hidden" id="cat2">7777777777777</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5799705-5");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
пример работы скрипта http://aaaa.at.ua/index/0-914
