парения состояние изворотливый

Question

Я работаю на выпадающее меню, которое имеет различные цвета для обоих родителей и ребенка, которые изменяются при в состоянии парения:

http://jsfiddle.net/cELJ6/1/

У меня есть небольшая странность с это все же.

Ссылка Home ссылка в порядке, как Products, так и Section2 в порядке, если не парили.

Проблема заключается в том:

1) Когда я парить над Product, цвет линии должен быть белым. (BG цвет хорошо и правильно работает)

2) Когда я парить над дочерним элементом, например Product1, то Products ссылка цвет должен быть белым

зависания между Products и Section2 кажется довольно причудливая. Иногда цвет белый, иногда серый (# 777)

Есть ли способ обойти это?

Благодаря

Answer 1

Это не причуда, то есть, как работает ваш код.

Цветовые определения в вашем javascript применяются как встроенный стиль, который выше обычного css-стиля. Это относится к серому цвету и приводит к причуде. Почему у вас есть javascript там?

Редактировать: Я отредактировал вашу скрипку, как я предполагаю, что вы хотите, чтобы она себя вела. Я только что переместил декларацию цвета от a к родительскому li, давая acolor:inherit.

http://jsfiddle.net/cELJ6/2/

Answer 2

$('ul > li.leaf').each(function(){ 
    $(this).mouseenter(function(e){ 
     $(this).find('a').css('color','white'); 
    }); 
    $(this).mouseleave(function(e){ 
     $(this).find('a').css('color','#777777'); 
    }); 

    }); 

$('.expanded > ul.leaf').each(function(){ 
    $(this).mouseenter(function(e){ 
     $(this).find('a').css('color','white'); 
    }); 
    $(this).mouseleave(function(e){ 
     $(this).find('a').css('color','#777777'); 
    }); 

    });