BuonGiorno

ho questo HTML
codice:
        <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
codice:
$(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?