Ciao a tutti!
All'interno di una pagina, tramite richiami PHP, dentro un ciclo while, inserisco dinamicamente (in base al valore indicato) altri DIV con id=fin_show e class=fin_show. Vorrei che cliccando su uno di questi esso acquisti la nuova classe fin_show_act, dopodiche, selezionando un'altro, viene tolta la classe fin_show_act a quello selezionato precedentemente e aggiunta a questa nuova selezione.
Il concetto è piuttosto semplice, però, scrivendo il codice sottostante:
codice:
<script>
$(document).ready(function(){
$('#fin_show').click(function(){
$(this).addClass('fin_show_act');
$(this).siblings().removeClass('fin_show_act');
$(this).siblings().addClass('fin_show');
});
}); </script>
solo al primo DIV viene cambiata la classe,ma non agli altri.
Vedendo ciò ho inserito ho sostituito la JQUERY con uno script nell'ONCLICK del DIV in esame in questo maniera:
codice:
this.className='fin_show_act'
In questo modo tutti i DIV acquistano la classe nel momento del click, ma dopo non so come selezionare i siblings per togliere la classe agli altri in caso di un secondo click (su un'altro div ovviamente).
Che sia in un modo o nell'altro (Jquery o javascript) come posso risolvere il problema?
Grazie tante!
Ciao