Tengo un menú CSS que establece el color del padre li cuando se mueve sobre él y es child ul (submenu). Básicamente, cuando se desplaza sobre el menú, cambia de color y permanece así hasta que se apaga el menú y su submenú. Se ve bien.

He agregado algún código jQuery para cambiar el color de los elementos del menú hasta que se abra una página determinada. Luego, esos menús volverán a aparecer y recuperarán el color. En ese punto, a la espera de un hover para cambiar de color.

El problema que tengo es que, cuando cambias el color a su estado original (establecido en CSS) con jQuery, elimina la clase: hover que evita el cambio de color al pasar sobre él y su submenú secundario. ¿Alguna idea sobre cómo solucionar este problema? ¿Hay un selector con jQuery que me permita configurar la clase: hover de nuevo a la normalidad?

/* ---- Menu Colours ---- */
$(document).ready(function()
{
   var colours = ['d50091', 'c8fa00', '00b4ff', 'b158fc', 'ffa800', '00b72f'];
   var counter = 0; // Loop for the colurs
   var status  = 0; // Status of the colours (greyed out or visible)

   $('ul.menu-horiz').children('li').children('a').hover(function()
   {
      $(this).parent()[0].css('color', '#d50091');
   }, function()
   {
      $(this).parent()[0].css('color', '#b6b6b6');
   });

   $('ul.menu-horiz').children('li').children('a').each(function()
   {
      $(this).css({opacity: 0.2, color: '#' + colours[counter]});
      counter++;
   });

   $('.haccordion .header').click(function()
   {
      if (window.location.hash.substr(1) == 'photogallery')
      {
         $('ul.menu-horiz').children('li').children('a').each(function()
         {
            if ($(this).css('opacity') != '1.1')
            {
               $(this).animate({opacity: 1.1}, 1000).css('color', '#b6b6b6');
            }
         });
      }
      else
      {
         counter = 0;
         if ($('ul.menu-horiz').children('li').children('a').css('opacity') != '0.2')
         {
            $('ul.menu-horiz').children('li').children('a').animate({opacity: 0.2}, 1000, function()
            {
               $('ul.menu-horiz').children('li').children('a').each(function()
               {
                  $(this).css('color', '#' + colours[counter]);
                  counter++;
               });
            });
         }
      }
   });
});