Znalazłem bardzo ciekawe menu zrobione w JQ

Tutaj JS
  1. $(function() {
  2. $('#menu li').each(function() {
  3. var $this = $(this); //przypisujemy aktualnie przetwarzany element do zmiennej
  4. var currentPadding = $this.css('padding-top'); //przypisujemy aktualny padding
  5.  
  6. $this.mouseenter(function() { //przypisujemy zdarzenie po najechaniu kursorem
  7. $this.stop(); //zatrzymujemy wszystkie aktualne animacje na tym elemencie
  8.  
  9. $this.animate({
  10. paddingTop: 0 //ustawiamy cel naszej animacji
  11. }, 500); //oraz jej długość
  12. });
  13.  
  14. $this.mouseleave(function() { //przypisujemy zdarzenie po usunięciu kursora z elementu
  15. $this.stop(); //zatrzymujemy wszystkie aktualne animacje na tym elemencie
  16.  
  17. $this.animate({
  18. paddingTop: currentPadding //ustawiamy cel naszej animacji
  19. }, 500); //oraz jej długość
  20. });
  21. });
  22. });

i css

  1. body {
  2. padding: 0px;
  3. margin: 0px;
  4. font: 12px/1.5em Arial, 'Helvetica Neue', Helvetica, sans-serif;
  5. }
  6.  
  7. #menu {
  8. width: 950px;
  9. list-style-type: none;
  10. margin: 20px auto 0px auto;
  11. padding: 0px;
  12. height: 50px;
  13. overflow: hidden;
  14. }
  15.  
  16. #menu li {
  17. float: left;
  18. margin-left: 10px;
  19. padding-top: 20px;
  20. }
  21.  
  22. #menu li a {
  23. display: block;
  24. text-align: center;
  25. color: #ffffff;
  26. text-decoration: none;
  27. padding: 5px 10px;
  28. width: 60px;
  29. height: 40px;
  30. background-color: #49A5FF;
  31. }
  32.  
  33. #container {
  34. width: 950px;
  35. background-color: #DFDFDF;
  36. margin: 0px auto;
  37. padding: 10px 20px;
  38. }

Jak to wszystko wygląda można zobaczyć tutaj http://hubert.tulibacki.pl/demo/zakladki/

Teraz chciałbym zrobić żeby te zakładki rozwijały się w prawo, czyli lewa strona zostaje i następuje przedłużenie do prawej. Niestety jak na razie gubię się w tym i tutaj moja prośba: Czy może to ktoś dla mnie przerobić ?