$("#e").click(function (e) {
    //done
    $("#re").animate({
        "margin-top": "104px"
    }, 800);
    $("#ret").animate({
        "margin-top": "104px"
    }, 800);
    $(".popu").animate({
        "margin-top": "-102px"
    }, 800);
    $("#s").show(200);
    e.stopPropagation();

<button type="button" id="moveLeft">Left</button>
<button type="button" id="moveRight">Right</button>

<div id="test"></div>

#test {
    width: 50px;
    height: 50px;
    left: 0;
    top: 50px;
    background: #f00;
    position: fixed;
}

var $box = $('#test');

$('#moveRight').click(function() {
    $box.animate({
        queue: true,
        left: "+=50"
    });
});

$('#moveLeft').click(function() {
    $box.animate({
        queue: true,
        left: "-=50"
    });
});