Witam, css dla SUBMITA wygląda tak:

[XML] pobierz, plaintext 
#submit
{
   border: 1px #B22222 solid;
   background-color: #B22222;
}
#submit:hover
{
   background-color: #FF0000;
   -webkit-transition: background-color 0ms linear 0ms;
   -moz-transition: background-color 0ms linear 0ms;
   -ms-transition: background-color 0ms linear 0ms;
   transition: background-color 0ms linear 0ms;
}
[XML] pobierz, plaintext 

i teraz - animacja po najechaniu działa, ale kiedy daję warunki, wszystko się zgadza i wszystko działa, oprócz animacji po najechaniu (przy "else" kolory się zmieniają, ale nie "wraca" animacja buttona)

[XML] pobierz, plaintext 
if (automat == "error")
      {
         fullcena.innerHTML = "<h2>BRAK AUTOMATU - wybierz inny model</h2>";
         $('#submit').prop('disabled', true);
         $('#submit').css('background-color', '#00BFFF');
         $('#submit').css('border-color', '#00BFFF');
         $('#submit').css('opacity', '0.5');         
         alert('Brak automatu dla wybranego rozmiaru pieczątki!');
      }
      else if (automat == "0")
      {
         fullcena.innerHTML = "Nie wybrano automatu lub polimera";
         $('#submit').prop('disabled', true);
         $('#submit').css('background-color', '#00BFFF');
         $('#submit').css('border-color', '#00BFFF');
         $('#submit').css('opacity', '0.5');
      }
      else
      {
         fullcena.innerHTML = "Cena brutto: <b>" + cenacalosc + "</b> zł";
         $('#submit').prop('disabled', false);
         $('#submit').css('background-color', '#B22222');
         $('#submit').css('border-color', '#B22222');
         $('#submit').css('opacity', '1.0');
         $('#submit:hover').css('background-color', '#FF0000');
         $('#submit:hover').css('-webkit-transition', 'background-color 0ms linear 0ms');
         $('#submit:hover').css('-moz-transition', 'background-color 0ms linear 0ms');
         $('#submit:hover').css('-ms-transition', 'background-color 0ms linear 0ms');
         $('#submit:hover').css('transition', 'background-color 0ms linear 0ms');
      }
[XML] pobierz, plaintext 

#nie wiedziałem, że to taki klin, że nikt nie potrafi pomóc...
Upraszczając, chodzi mi o to, że wpisy z HOVER nie działają... Dlaczego?

ludzie, co mam zrobić?

HOVER
A jeśli chcesz wiedzieć dlaczego te Twoje wpisy nie działają, to dlatego, że do jquery w nawiasie podajesz selektor określony ściśle przez bilbioteki (jaki? manual jquery, o tu: http://api.jquery.com/category/selectors/), a nie dowolne style css.

dziękuję, więc zrobiłem tak jak poniżej, ale teraz hover działa - tylko jak zjadę z buttona - dalej jest podświetlony FF0000

[XML] pobierz, plaintext 
$('#submit').hover(function()
         {
            $(this).css('background-color', '#FF0000');
            $(this).css('-webkit-transition', 'background-color 0ms linear 0ms');
            $(this).css('-moz-transition', 'background-color 0ms linear 0ms');
            $(this).css('-ms-transition', 'background-color 0ms linear 0ms');
            $(this).css('transition', 'background-color 0ms linear 0ms');
         });
[XML] pobierz, plaintext 

.hover() może przyjmować też drugi argument. Jest to funkcja definiująca co ma się dziać po "zjechaniu" z elementu. Czyli:

[PHP] pobierz, plaintext 
$('#submit').hover(function()
         {
            $(this).css('background-color', '#FF0000');
            $(this).css('-webkit-transition', 'background-color 0ms linear 0ms');
            $(this).css('-moz-transition', 'background-color 0ms linear 0ms');
            $(this).css('-ms-transition', 'background-color 0ms linear 0ms');
            $(this).css('transition', 'background-color 0ms linear 0ms');
         }, function() {
 
    // tutaj przywracasz poprzednie style
 
});
[PHP] pobierz, plaintext