[HTML][CSS][jQuery] problem z podmianą Opcje

[sweter]

Witam, mam taki problem:

Mam sobie diva, który jest opisany w arkuszu stylów tak:

[HTML] pobierz, plaintext 
 
.div {
 	width:100%;
 	border-top:1px dashed #B4CEFF;
 	padding:5px;
 	color:#676767;
 }
 
 
.div:hover{
 
 	background-color:#F6F8FD;
 
}
 
[HTML] pobierz, plaintext 

I gdy user kliknie pewien link to wyświetl się inny div:

[HTML] pobierz, plaintext 
 
var oferta = "1";
 			$("a").click(function(){
 				$("#oferta1_on").slideToggle("normal");
 				if(oferta==1){
 					$("#div").css("background-color","#F6F8FD");
 					oferta = 0;
 				}else{
 					$("#div").css("background-color","#FFFFFF");
 					oferta = 1;
 				}
 			});
 
 
[HTML] pobierz, plaintext 

Możecie mi wytłumaczyć, czemu po dwukrotnym kliknięciu w linku (czyli zmienna oferta zmienia swoją ofertę z 1 na 0 i z powrotem na 1) nie dział mi już powyższy fragment CSS, tzn. po naprowadzeniu kursora nad div nie zmienia on swojego tła?

Ten post edytował sweter 17.08.2009, 15:48:30

[owned]

ja bym radził ten hover też w JS napisać bo z IE możesz mieć jaja

[singles]

Możecie mi wytłumaczyć, czemu po dwukrotnym kliknięciu w linku (czyli zmienna oferta zmienia swoją ofertę z 1 na 0 i z powrotem na 1) nie dział mi już powyższy fragment CSS, tzn. po naprowadzeniu kursora nad div nie zmienia on swojego tła?

Wydaje mi się, że problem leży w następującej kwestii:

Nic mi nie wiadomo, żeby JS (czyli też jQuery) potrafił edytować style CSS inne niż inline. Jak sobie podejrzysz w Firebugu, to zobaczysz że .css() dodaje Ci atrybut "style". A jak wiadomo, atrybuty inline w stylowaniu są najważniejsze. W momencie, kiedy chcesz wrócić do stylów z zewnętrznych arkuszy CSS, możesz spróbować w użyć metody removeAttr('style') na tym divie w momencie, kiedy nie chcesz już podświetlenia.

@owned ma rację co do tego hovera. Dla pewności możesz zrobić z tego diva link blokowy, i wtedy zadziała. Albo skorzystać z hover() w jQuery.

Ten post edytował singles 17.08.2009, 20:21:24

[owned]

@owned ma rację co do tego hovera. Dla pewności możesz zrobić z tego diva link blokowy, i wtedy zadziała. Albo skorzystać z hover() w jQuery.

Wydaje mi się że hover() w jQuery będzie lepszym rozwiązaniem