[AJAX][JavaScript]Opuszczanie diva i podnoszenie go. Opcje

[GoOx]

Cześć,

Od dawno nie siedziałem w żadnym programowaniu a co do piero w javascripcie i trochę sie pozapominało.

mam tu taki kodzik:

[HTML] pobierz, plaintext 
<script type='text/javascript'>
$('#home') {
    .mouseover(function() {
        $('#home').animate({ top: '+=10'}, 1000)};
    .mouseout(function() {
        $('#home').animate({ top: '-=10'}, 1000)};
    )};
 
</script>
[HTML] pobierz, plaintext 

I zasadnicze pytanie czy on siest dobrze ułożony? Ma mi obuszczać diva po najechaniu na niego o 10px a jak zjedzimy z niego aby go podwyższał o 10px.


Pozdrawiam GoOx.



takie coś też nie działa :

[HTML] pobierz, plaintext 
 $('.home').mouseover(function() {
  $('.home').animate({ margin-top: '+=10px'}, 1000, function() {});
});
 
 $('.home').mouseout(function() {
  $('.home').animate({ margin-top: '-=10px'}, 1000, function() {});
});
[HTML] pobierz, plaintext 

[GoOx]

Ale ja chcę przesunąc diva a nie go pokazywać.

Ten kod ma działać do tej linijki kodu:

[HTML] pobierz, plaintext 
<a href='index.php' id='home' class='non_un'><div class='home'><div class='txxt'><? echo $lang_home; ?></div></div></a>
[HTML] pobierz, plaintext 

Już działa
zostaosowałem taki kod:

[HTML] pobierz, plaintext 
 $('.home').mouseover(function() {
  $(".home").animate({"top": "+=10px"}, 1000);
});
 
 $('.home').mouseout(function() {
  $(".home").animate({"top": "-=10px"}, "slow");
});
[HTML] pobierz, plaintext