Добавление jQuery в меню CSS

Question

У меня есть меню css, которому нужен jquery. К сожалению, мне трудно понять это. Ниже приведен макет. Когда вы наведете верхнее меню, появится раскрывающееся меню. Использование jquery, первый ребенок должен открыть свой дочерний элемент, а затем переключить класс, если вы наведете на другой субблинк и откройте его дочерний элемент.

Here is my fiddle: http://jsfiddle.net/ciancastillo/wtruM/ 

Спасибо!

Answer 1

Если вы хотите добавить функцию JQuery к HTML-элемента, использование нагрузки()

<script type="text/javascript"> 
    $('#idOfItem').load(function() { 
      $("td").hover( 
       function() { 
        $(this).addClass("hover"); 
       }, 
       function() { 
        $(this).removeClass("hover"); 
      }); 
     }); 
</script> 

http://api.jquery.com/load-event/

Если вы хотите привязать к целому классу (как, скажем, .dropdownItem) использовать отличается селектор:

$('.dropdownItem').load(function() { 
      //Your code here 
     }); 

Подробнее JQuery селекторы: http://api.jquery.com/category/selectors/

Добавить или удалить классы CSS: http://api.jquery.com/removeClass/http://api.jquery.com/addClass/