Question

How could i make the toggle transition look softer? I’m “toggling” 2 divs:

$(document).ready(function(){

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

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

});

this is the fiddle

Answer 1

You can use .fadeToggle().

Edit: If you absolutely position .b and relatively position li, you only need to toggle .b:

Working Demo: 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;
}