как исчезнуть тумблер, чтобы переход выглядел мягче

Question

Как сделать так, чтобы переход был более мягким?Я "переключаю" 2 деления:

$(document).ready(function(){

    var tweet = $("ul.tweets li");

    tweet.hover(function(){
        $(this).find('.a').toggle()
            .end().find('.b').toggle();
    });

});

это скрипка

Answer 1

Вы можете использовать .fadeToggle().

Редактировать: Если вы абсолютно позиционируете .b и относительно позиции li, вам нужно только переключить .b:

Рабочая демонстрация: http://jsfiddle.net/kpNY4/8/

tweet.hover(function () {
    $(".b", this).fadeToggle();
});

CSS:

li { position: relative; }
.b {
    display: none;
    background: #EEEEEE;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

Answer 2

jQuery fadeIn (http://api.jquery.com/fadeIn/) и fadeOut (http://api.jquery.com/fadeOut/) делают именно это.

Answer 3

Попробуйте скрыть и переключить:

tweet.hide('medium', function() {
 $(this).find('.a').toggle().end().find('.b').toggle();
});

Answer 4

Используйте fadeIn и fadeOut методы.