Question

I am doing some div animating using jquery animate in middle i struck can any one help on this to continue.

my requirement will be when i clicked arrow icon div should animate. After animate div collapse the left side arrow needs to show for closing the collapsed place.

i have added two images one is for open and another one is for closing.

JsFiddle Link

http://jsfiddle.net/CZpdF/1/

Answer 1

$("#buying-power-right, #buying-power-left").click(function() {
    $(this).attr('id', function() {
        return this.id == 'buying-power-right' ? "buying-power-left" : "buying-power-right";
    });
    $("#buying-power-content").animate({
        width: 800
    }, {
        queue: false,
        duration: 200
    }).toggle();
});

DEMO