[jquery] Colorare <li> attivo

[MarteIIII]

Salve, premetto che sono veramente alle prime armi di jquery.
Sto creando un sito su joomla dove la persona in questione, richiede che all'interno di un menù, ogni <li>, chiaramente creato in automatico da joomla con la dicitura "item-.....", se attivo, assuma un colore diverso. per meglio esemplificare ciò che ho appena scritto, vorrei colorare la selezione del menu come su http://www.wired.it/gadget/?gclid=CN...FUTkwgodaVIALg .

Pensavo di utilizzare la seguente stringa:

$(document).ready(function() {

$("#sidebar ul li:nth-child(1)").click(function(){

$("#sidebar ul li:nth-child(1)").addClass("colore1");

});

});

Chiaramente non sta producendo effetti.
Spero di essere stato chiaro, anche se sono consapevole della mia clamorosa inesperienza.

[m4rko80]

Ciao, se ti riferisci al menu superiore dell'esempio il colore cambia solo sull'hover.
Ad ogni modo è semplice. Per semplificare crea una classe nel css ad esempio

 .active {color:green;}

Con jQuery, supponendo che sia un tag li del tuo menu da cambiare

$(document).ready(function() {
$('#idmenu li').hover(function() {
  $('#idmenu li').removeClass('active'); //togli active da tutti gli altri
  $(this).addClass('active'); //aggiungi active su mouse over
}
});

Ovviamente puoi modifcarla per farlo sul clik o gestire diversamente l'evento facendo magari qualcosa sul mouseout
QUI

[MarteIIII]

Ciao, se ti riferisci al menu superiore dell'esempio il colore cambia solo sull'hover.
Ad ogni modo è semplice. Per semplificare crea una classe nel css ad esempio

 .active {color:green;}

Con jQuery, supponendo che sia un tag li del tuo menu da cambiare

$(document).ready(function() {
$('#idmenu li').hover(function() {
  $('#idmenu li').removeClass('active'); //togli active da tutti gli altri
  $(this).addClass('active'); //aggiungi active su mouse over
}
});

Ovviamente puoi modifcarla per farlo sul clik o gestire diversamente l'evento facendo magari qualcosa sul mouseout
QUI

Salve, non compie solo l'hover. Anche dopo aver passato il mouse ed una volta selezionato il menù, il background colorato, rimane attivo sul menù scelto.

[m4rko80]

Ciao, si cosi' come da esempio fa quel che dici. Va appunto personalizzato, dipende da cosa vuoi fare tu.
Questo è il classico es della documentazione per mouseover o out

$( "li" ).hover(  function() {    //su hover...
  }, function() {
//su out...  }); 

[MarteIIII]

Ciao, si cosi' come da esempio fa quel che dici. Va appunto personalizzato, dipende da cosa vuoi fare tu.
Questo è il classico es della documentazione per mouseover o out

$( "li" ).hover(  function() {    //su hover...
  }, function() {
//su out...  }); 

Scusa, forse mi son spiegato male io. Vorrei che rimanesse anche dopo aver spostato il mouse.

[m4rko80]

Ok, non so se una volta selezionato ricarica la pagina o meno. Se cosi' non fosse dovrebbe restare selezionato.
Altrimenti ovviamente dovresti precompilare la classe active nel LI interessato sapendo dove ti trovi(presumo da variabile get o post o nome di pagina parlando di PHP)