<body> <div id="aa" style="500px; height:30px; border:1px solid #000"></div> <div id="bb" style="500px; height:300px; border:1px solid #000; display:none"></div> </body> <script type="text/javascript"> $(document).ready(function(e) { $("#aa").mouseenter(function(){ $("#bb").stop(); $("#bb").toggle(1000); }) $("#aa").mouseout(function(){ $("#bb").stop(); $("#bb").toggle(1000); }) }); </script>