А вот оно что
Тогда мне кажется проще так:
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.3.min.js'>
</script>
</head>
<body>
<div id='block'>
<div id='large'></div>
<div id='small'></div>
</div>
<style type="text/css">
#block, #large, #small {position: absolute;}
#block {overflow: hidden; width: 100px; height: 100px;}
#large {background: #555555; top: 50px; width: 100px; height: 50px; z-index: 1;}
#small {background: orange; display: none; top: 80px; left: 15px; width: 70px; height: 30px;}
</style>
<script type='text/javascript'>
$("#large").toggle(
function(){
$("#small").show().animate({
opacity: 1,
top: "-=60px"
}, 500);
},
function(){
$("#small").animate({
opacity: -5,
top: "+=60px"
}, 500);
}
);
</script>
</body>
</html>