Итак, у меня есть контейнер, а внутри есть библиотека yui с 5 div. Эти div являются меню. Итак, что я хочу сделать, так это то, что когда я наведу указатель мыши на div, только этот элемент будет анимироваться ВВЕРХ, а когда я перемещаю мышь в другое место, он будет анимироваться ВНИЗ. Мой код js анимирует все элементы одновременно.
<div class="container">
<div class='yui3-g-r'>
<div class="yui3-u-1-5">
<div class="kvadrat">
<span class="title"><a>Smeri</a></span><br/>
<span class="description">
<ul class="blabla">
<li><a class="link" href="smeri/racunalnistvo_prva/index.html" >Računalništvo</a></li>
<li><a class="link">Strojništvo</a></li>
</ul>
</span>
</div>
</div>
<div class="yui3-u-1-5">
<div class="kvadrat">
<span class="title"><a>Galerija</a></span><br/>
<span class="description">
<ul class="blabla">
<li><a class="link" href="galerija/predstavitev poklicev-nak. center/osnova/index.html">Slike</a></li>
</ul>
</span>
</div>
</div>
И мой код jQuery таков:
$(".description" ).hide();
$('div.kvadrat').hover(
function () {
$(".description" ).slideDown( "slow" );
},
function () {
$(".description" ).slideUp( "slow" );
}
);