Несколько jQuery-эффектов, параллельных одновременно

Question

Я бы хотел исчезнуть в подменю и изменить положение одновременно.

Как и классная подсказка Coda (http://panic.com/coda/) над «скачать».

Мой код на этот раз просто исчезает:

$(document).ready(function(){
    $('#access').hover(function () {
        $(this).children('ul').fadeIn();
         $(this).children('ul')...position();

    }, function () {
        $(this).children('ul').fadeOut('slow');
        $(this).children('ul')...position();
    });
});

Спасибо Инго

Теперь я делаю это:

$(document).ready(function(){
$('#access').hover(function () {
    $(this).children('ul').stop().animate({opacity:1, paddingTop:'10px'}, 400);

}, function () {
    $(this).children('ul').stop().animate({opacity:0, paddingTop:'0px'}, 300);
});

});

Fadein и padding прекрасно работают. Но не с помощью fadeOut. В чем моя ошибка?

Answer 1

лучшее, что я могу придумать, это использовать jQuery swichClass . Используется animate implicitly.

посмотрите этот пример скрипки: http://jsfiddle.net/xyDwV/1/

* ** 1013 1014 * CSS: * ** 1015 1016 *

.before{
    background-color : red;
    height : 400px;
    width :200px;
    opacity : 1;
}
.after{
    background-color : blue;
    height : 200px;
    width : 400px;
    opacity : 0.5;
}

JQuery:

$(document).ready(function(){
  $('#mydiv').hover(function () {
        $(this).switchClass('before','after',500);
    }, function () {
        $(this).switchClass('after','before',500);
  });
});

Answer 2

просто сверните свою собственную анимацию с помощью animate ().и никогда не забывайте использовать stop, чтобы сначала отменить текущую анимацию.

$(this).find('ul').stop().animate({opacity:1, top:'...', left:'...'});