<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
div.a {background: #dddddd;}
div.b {background: #336633; overflow: hidden; height: 0;}
</style>
</head>
<body>
<div id="d1" class="a">11111111111111111</div>
<div id="d2" class="b">22222222222222222</div>
<div id="d3" class="a">33333333333333333</div>
<div id="d4" class="b">44444444444444444</div>
<input type="button" value="Go" onclick="go();">
<input type="button" value="Go2" onclick="go2();">
<script type="text/javascript">
function go()
{
var d2 = document.getElementById('d2'
d2.style.height = 0 + 'px';
var d4 = document.getElementById('d4'
d4.style.height = 18 + 'px';
}
function go2()
{
var d2 = document.getElementById('d2'
d2.style.height = 18 + 'px';
var d4 = document.getElementById('d4'
d4.style.height = 18 + 'px';
}
</script>
</body>
</html>
