как сделать так, чтобы вместе с с блоком "main" скрывалось и его содержимое "name"?
<!DOCTYPE html>
<html>
<style type="text/css">
*{margin:0;padding:0}
#main{width:200px;height:1000px;border:1px solid black;}
#name{width:150px;height:45px;font-size:18px;}
#button{width:15px;height:15px;background:#aaa;margin-top:-960px;margin-left:230px;}
</style>
<script type="text/javascript">
function hideMain(){
var obj = document.getElementById("main");
var w=220, size=0;
var timer = setInterval(function(){
w--;
obj.style.width=w+"px";
if (size>=w) clearInterval(timer)
}, 1)
}
</script>
<body>
<div id="main">
<div id="name"> Name </div>
</div>
<div id="button" onclick="hideMain()">
</div>
</body>
</html>
