Aktivní položka v seznamu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím,

mám následující problém, který bych potřeboval vyřešit. Byl bych rád za každou radu. Na stránce mám dejme tomu 3 <ul><li></li>...</ul> seznamy, které zobrazují aktivní položky pomocí class='active'. Tzn, každý z těchto 3 seznamů může mít jeden aktivní prvek, který řeším pomocí třídy 'active'.

Teď ale potřebuju u aktivních prvků udelat hover efekt pomocí jquery. Problém je v tom, že se tento hover efekt provádí i u ostatních aktivních prvků ve zbylých dvou seznamech.

Snažil jsem se to řešit tak, že si pro každou položku menu vytvořím ještě jedno skryté pole, které budu zobrazovat po najetí myší. Nějak takto, ale funkčnost je špatná.

$(document).ready(function() {

$("#menu-left ul").mouseover(    
  function () {     
    $(this).find('li a.active').css('display','none');
    $(this).find('li a.cross').css('display','block');
  } 
);
$("#menu-left ul").mouseout(
  function () {
    $(this).find('li a.cross').css('display','none');
    $(this).find('li a.active').css('display','block');
  } 
);


});

Děkuji za případné rady nebo návrhy řešení

Ondra

Jednoduše řečeno, javascript provádí danou operaci se všemi aktivními prvky.

Tak už jsem to vyřešil. Špatně vložené třídy ve zbylých seznamech.

CSS: ul li.active:hover {color:red}