Dudas con animate()

[zerobathory]

Buscando en toda la web, encontre la respuesta, la coloco aqui por quien la necesite

Código Javascript:

$(function() {
                $('#btnslideop').live('click', function() {
                    $('.regalo').animate({
                        width: '96%'
                    }, 2000, function() {
                        $('#btnslideop').attr('id', 'btnslideopclo');
                    });
                    $(".servi").animate({
                        width:0
                    },2000);
                });
                $('#btnslideopclo').live('click', function() {
                    $('.regalo').animate({
                        width: '48%'
                    }, 2000, function() {
                        $('#btnslideopclo').attr('id', 'btnslideop');
                    });
                    $(".servi").animate({
                        width:'48%'
                    },2000);
                });
            });
            $(function() {
                $('#btnslide2op').live('click', function() {
                    $('.servi').animate({
                        width: '96%'
                    }, 2000, function() {
                        $('#btnslide2op').attr('id', 'btnslide2opclo');
                    });
                    $(".regalo").animate({
                        width:0
                    },2000);
                });
                $('#btnslide2opclo').live('click', function() {
                    $('.servi').animate({
                        width: '48%'
                    }, 2000, function() {
                        $('#btnslide2opclo').attr('id', 'btnslide2op');
                    });
                    $(".regalo").animate({
                        width:'48%'
                    },2000);
                });
            });