# \[css/javascript\] Button am Seitenrand
**URL:** https://forum.shopware.com/t/css-javascript-button-am-seitenrand/6727
**Category:** Shopware 3.5
**Tags:** programming
**Created:** [4. April 2012 um 22:36 UTC](https://forum.shopware.com/t/css-javascript-button-am-seitenrand/6727 "2012-04-04T22:36:50Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@ottscho](https://forum.shopware.com/u/ottscho)
#### Post date: [4. April 2012 um 22:36 UTC](https://forum.shopware.com/t/css-javascript-button-am-seitenrand/6727/1 "2012-04-04T22:36:50Z")
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
---
### Author:  [@waldicom](https://forum.shopware.com/u/waldicom)
#### Post date: [4. April 2012 um 22:43 UTC](https://forum.shopware.com/t/css-javascript-button-am-seitenrand/6727/2 "2012-04-04T22:43:16Z")
jquery + slideUp/slideDown/slideToggle
---
### Author:  [@ottscho](https://forum.shopware.com/u/ottscho)
#### Post date: [4. April 2012 um 23:01 UTC](https://forum.shopware.com/t/css-javascript-button-am-seitenrand/6727/3 "2012-04-04T23:01:29Z")
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; }); `