Tab in jquery: aggiungere classe allo stato inattivo

nicole90

Tab in jquery: aggiungere classe allo stato inattivo

Ciao a tutti!
Ho la necessità di utilizzare uno script per far visualizzare un semplicissimo tab di contenuti in orizzontale, ad esempio come quelli inseriti qui sotto:

Cliccando su uno dei tanti tab, viene assegnata una classe generalmente "active", personalizzabile in tutto. Il mio problema è invece assegnare, tramite lo stesso script, una classe "inactive" agli elementi che non sono stati selezionati.. differenziandoli così dallo stato di default.

Vi spiego meglio. Devo realizzare un tab con tre voci che abbiamo di sfondo tre immagini di prodotto. Cliccando su un tab qualsiasi l'immagine si visualizza con i colori pieni e alle altre vorrei applicare un filtro di opacità.

Come potrei risolvere il mio problema?

ultima

qui hai un mio esempio: jsfiddle.net/stefanopascazi/VPSZ7/1/