[css/javascript] Button am Seitenrand

Guten Abend, ich habe einen Button/Grafik am Seitenrand, welche nur zu 1/3 sichbar ist. Per Mouseover wird die Position left per CSS geändert und die komplette Grafik ist sichtbar. Das Ganze ist sozusagen etwas ruckartig. Ich hätte dies gerne eher langsam. Eine Art ein Sliden. Mit reinem CSS geht das ja sicher nicht. Hat dazu jmd eine Idee? Sollte ja mit jquery - toggle oder so gehen. Bin dankfür für eure Tipps. Danke

jquery + slideUp/slideDown/slideToggle

Merci. Lösung: $("#button\_left").hover(function(){ $("#button\_left").animate({paddingLeft:'120px'},'slow'); return false; }); $("#button\_left").mouseleave(function(){ $("#button\_left").animate({paddingLeft:'0px'},'slow'); return false; });