problema con codice html generato da jquery

[nick03]

faccio un esempio cosi magari riesco a spiegare meglio il problema:
voglio allungare un div cliccando sul link

<div class="aaa">
[url="#"]Click[/url]
</div> 

io questo codice lo genero in jquery e fino a qui tutto ok.

poi ho il css

.aaa{
height:100px;
}

.bbb{
height:500px;
} 

il codice jquery è:

$(window).ready(function() {
    $(".xxx").click(espandi);
    
    return false;
});

function espandi(){
    if($(this).parent().hasClass("aaa")){
        var div = $(this).parent();
        div.removeClass();
        div.addClass("bbb");
        return false;
    }
    else
    if($(this).parent().hasClass("bbb")){
        var div = $(this).parent();
        div.removeClass();
        div.addClass("aaa");
        return false;
    }    
} 

quindi cliccando la prima volta lo allungo e cliccando una seconda lo riaccorcio....

il problema è che se questo lo faccio senza generare il codice html, ma scrivendolo a mano funziona...
invece non funziona se il codice html è generato...

come mai?
sapete aiutarmi?