Witam wszystkich koderów :) Mam problem ze skryptem który ma po prostu po najechaniu kursorem na element menu podświetlić się, po odjechaniu myszą wrócić do stanu poprzedniego a po kliknięciu podświetlić się na stałe. Problem w tym że po kliknięciu poprzedni aktywny element nie wraca do początkowego stanu, dopiero gdy na nieaktywny już element najedzie i odjedzie się myszą. Oto kod:
wersja jquery 1.11.3
kod jquery
$('.menu-element').mouseover(function(){
if($.trim($(this).hasClass( "active" )) == 'false'){
jQuery("img", this).css("width", "160px").css("height", "160px");
jQuery("p", this).css("color", "white").css("background", "#0181BF");
}
}).mouseout(function(){
if($.trim($(this).hasClass( "active" )) == "false"){
jQuery("img", this).css("width", "150px").css("height", "150px");
jQuery("p", this).css("color", "#595854").css("background", "");
}
}).click(function(){
$(".menu-element").removeClass("active");
$(this).addClass("active");
});
Kod css
.active p {
color: #ffffff;
background: #0181BF;
}
.active img {
width: 160px;
height: 160px;
}