Div animate e selettori

[-AA-]

BuonGiorno

ho questo HTML

        <div class="ContentCont" id="ContentA"></div>
        <div class="ContentCont" id="ContentB"></div>
        <div class="ContentCont" id="ContentC"></div>
        <div class="ContentCont" id="ContentD"></div>

il mio JS

$(document).ready(function(){
    //Animate DIV
    $('.ContentCont').click(function() {
        $('.ContentCont').animate({width:'0%'});
        id = $(this).attr('id');
        $('#'+id).animate({width:'100%'});
    });
    //Animate DIV
});

quel che succede ora è che (ma me lo aspettavo)... al click TUTTI i div passano a width 0% e dopo il DIV con l'ID cliccato va al 100%

io vorrei che.... il div clikkato non faccia il width allo 0% ma passi solo al 100%

come posso modificare il mio piccolo script?

[Vindav]

$('.ContentCont').not(this).animate({width:'0%'});