Cześć, jestem raczej przeciętny jeżeli chodzi o js i jquery i tutaj mój problem:
Jak najeżdżam myszką na li (zmienia się bg na hover) i rozsuwa się kolejny poziom to to najechaniu na którykowiek z elementów (bg w parent zostaje taki sam jak na hoverze). Problem w tym, że parent zostawia kolor tła jak na hoverze, ale na każdym elemencie li, który ma jakieś dzieci.
$('#menu-header-menu > li > ul').hover(function(){
$(this).prev().css({
'background-color': '#af1022',
'height': '120px',
'position': 'relative',
'bottom': '8px',
'line-height': '126px',
'margin-bottom': '-10px'
});
} ,function(){
$('#menu-header-menu > li > a').css({
'font-size': '11px',
'height': '110px',
'line-height': '110px',
'padding': '0 15px',
'background-color': 'transparent',
'height': '120px',
'position': 'relative',
'bottom': '8px',
'line-height': '126px',
'margin-bottom': '-10px',
});
});