Jquery Refresh Javascript

[brucee]

Ho creato un calendario annuale per la disponibilità di una stanza di albergo.
Ogni giorno è un div.
Cliccando sul div cambio la classe css da "disponibile" (background verde) a "non_disponibile" (background rosso)
Per fare questo uso
$(".disponibile").click(function() {
$(this).removeClass('disponibile');
$(this).addClass('non_disponibile');
}

Il problema sta quando voglio renderla di nuovo libera perciò nello stesso script c'è anche
$(".non_disponibile").click(function() {
$(this).removeClass('non_disponibile');
$(this).addClass('disponibile');
}

Però non esegue mai il secondo codice perchè per javascript la classe resta sempre "disponibile"
Vorrei fare in modo che il codice javascript faccia un refresh, in maniera da accorgersi che la classe è cambiata e permettermi di eseguire il disimpegno della stanza.

A chi serve fornisco il codice php per la costruzione del calendario e relativo css.

Un grazie a chi mi aiuta.
Brucee

[m4rko80]

Ciao, non puoi mettere in una funzione il tutto??

function cambio(id)
{

    var classe = $('#'+id).attr('class');
    
if(classe == 'disponibile'){
    var newClass = 'non_disponibile';
}else{
    var newClass = 'disponibile';
}

    $('#'+id).removeClass(classe);
    $('#'+id).addClass(newClass);

}

<div class="disponibile" id="1" onclick="cambio(this.id)">PROVA</div> 

così funziona senza aggiugere nulla di particolare