펼침메뉴 animate

$(function(){

 

 

 $("#banner li").click(function(){

           $(".box").animate({top:-200});

 });

 

  $("#banner li").click(function(){

           $(".box").animate({top:0});

 });

 

});

<script type="text/javascript" charset="utf-8">

 $(function(){

  $('이벤트타겟').hover(function(){

   $('모션대상', this).stop().animate({marginTop : -타이틀높이}, 300);

  }, function(){

   $('모션대상', this).stop().animate({marginTop : -0}, 300);

  })

 });

</script> 

[출처] [jQuery] Title Sliding Up|작성자 플캣

[출처] [jQuery] Title Sliding Up|작성자 플캣