Mostras y ocultas contenido de distintas capas

[Luispp]

Buenas a todos.
Tengo un pequeño script que muestra el contenido oculto de cada capa al hacer click en él.
Mi problema es que quiero que al dar click en una de las capas, el contenido de la otra capa se oculte y que vicevera.

Código Javascript:

$(document).ready(function() {
            $('.caj').click(function(){
                $(this).css('color', '#fff');
                $(this).find('.con-caj').css('display', 'block');
            });
        });
 

Código HTML:

<div class="caj">
        <div class="con-caj">Contenido 1</div>
</div>
<div class="caj">
         <div class="con-caj">Contenido 2</div>
</div>
 

Código CSS:

.con-caj{display: none;}
 

Me gustaria saber de que modo podria hacerlo. Muchas gracias