Кому интерестно, вот самое элегантное решение этой проблемы:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('div').hover(function() {
*!*
$('p').stop(1, 1).animate({
*/!*
height: 'toggle',
}, {
*!*queue: false,*/!*
duration: 500
});
});
});
</script>
<style type="text/css">
p {
background: red;
display: none;
width: 100px;
height: 100px;
}
</style>
<div>text</div>
<p></p>
Эта техника актуальна и для других библиотек, в частности для MooTools