Использование перехода jQuery fadeIn / fadeOut, когда одновременно виден только один элемент

Question

Я пробовал:

$("#el1").fadeOut();
$("#el2").fadeIn();

, но у меня не может быть двух элементов на экране одновременно, первый должен быть полностью скрыт, прежде чем второй может исчезнуть, так чтоне работает.

Я также пробовал:

$("#el1").fadeOut(function() {
    $("#el2").fadeIn();
});

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

Я также пытался .stop(), но это тоже не помогло.

Как я могу получитьМне нужно поведение с jQuery, чтобы была видна только последняя нажатая ссылка, а не какая-либо другая, и только по одной за раз.

Answer 1

Вы должны проверить документ jquery по методу stop (): http://api.jquery.com/stop/. Вы можете задать методу stop некоторые параметры для работы: stop ([clearqueu], [jump_to_end]); Возможно, вам нужно что-то вроде этого:

$("#el1").stop(false, true).fadeOut(function() {
    $("#el2").stop(false, true).fadeIn();
});

Надеюсь, это поможет!