Hover na child działa na wszystkich

0

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',		
    });
});
1

To mi wygląda na problem z kategorii kombinuję jak się da, a to można zrobić w samym CSS. Pokaż strukturę i efekt jaki chcesz uzyskać, najlepiej na jsbin.com

1 użytkowników online, w tym zalogowanych: 0, gości: 1