$(function() {
    $('#menu li').each(function() {
        var $this = $(this);    //przypisujemy aktualnie przetwarzany element do zmiennej
        var currentPadding = $this.css('padding-top');  //przypisujemy aktualny padding

        $this.mouseenter(function() {   //przypisujemy zdarzenie po najechaniu kursorem
            $this.stop();   //zatrzymujemy wszystkie aktualne animacje na tym elemencie

            $this.animate({
                paddingTop: 0   //ustawiamy cel naszej animacji
            }, 300);    //oraz jej długość
        });

        $this.mouseleave(function() {   //przypisujemy zdarzenie po usunięciu kursora z elementu
            $this.stop();   //zatrzymujemy wszystkie aktualne animacje na tym elemencie

            $this.animate({
                paddingTop: currentPadding  //ustawiamy cel naszej animacji
            }, 500);    //oraz jej długość
        });
    });
});

$(function() {
    $('#menu2 li').each(function() {
        var $this = $(this);    //przypisujemy aktualnie przetwarzany element do zmiennej
        var currentPadding = $this.css('padding-top');  //przypisujemy aktualny padding

        $this.mouseenter(function() {   //przypisujemy zdarzenie po najechaniu kursorem
            $this.stop();   //zatrzymujemy wszystkie aktualne animacje na tym elemencie

            $this.animate({
                paddingTop: 0   //ustawiamy cel naszej animacji
            }, 300);    //oraz jej długość
        });

        $this.mouseleave(function() {   //przypisujemy zdarzenie po usunięciu kursora z elementu
            $this.stop();   //zatrzymujemy wszystkie aktualne animacje na tym elemencie

            $this.animate({
                paddingTop: currentPadding  //ustawiamy cel naszej animacji
            }, 500);    //oraz jej długość
        });
    });
});