Zijpaneel Slider soepeler uitschuiven

Ik overweeg om op mijn forum de Zijpaneel Slider te gebruiken van de tutorial die laatst geplaatst is (Hierzo), maar nou valt het me op dat de slider vrij abrupt openklapt. Is het mogelijk om hem rustig uit te laten schuiven in een bepaalde tijd?

Ik heb even wat geprobeerd maar het is nog niet 100% optimaal, er zit nog een klein foutje in :s.

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<div style="position: relative; bottom: 410px;"><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none; float: left">
     
        Text
     
    </div><img id="button_slider" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"/></div>');
});
$(document).ready(function(){
  $("#button_slider").click(function(){
    $("#panneau").animate({width: 'toggle'});
  });
});

$(function(){
    $('#button_slider').click(function(){
        if($(this).attr('src') === 'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png'){
            $(this).attr('src','http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png');
        }
        else{
            $(this).attr('src','http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png');
        }
    });
});

Gewoon heel de code vervangen, ik weet het, het is niet zo compact maar ik ben nu een maal niet super met jquery/javascript.

Bedankt! Hij werkt inderdaad nog niet helemaal perfect zoals ik wil, maar daar kom ik verder denk ik wel uit