Ayudita con efectos en jQuery

Resulta que tengo un div general, formado por 3 divs que contienen su info a modo desplegable tal que así:

La idea es que el contenido se muestra de manera desplegable al hacer click sobre la temática en cuestion y en caso de dar a otra temática, pues la que esta abierta se cierra. Lo he hecho así ya que no se como hacer para que sea un click sobre la tematica abre el contenido desplegable, y otro click sobre ese mismo div cierra ese mismo contenido, por eso he tenido que escribir este código para poder hacer que se cierren los que esten abiertos de algun modo.

Será una chorrada supongo, pero no doy con ello y yo de jQuery poco..

$('#PRO').click(function(){
	$('#PRO2').show("fade", 700);
	$('#LEN2').hide("fade", 500);
	$('#AND2').hide("fade", 500);
});

$('#LEN').click(function(){
	$('#LEN2').show("fade", 700);
	$('#PRO2').hide("fade", 500);
	$('#AND2').hide("fade", 500);
});

$('#AND').click(function(){
	$('#AND2').show("fade", 700);
	$('#PRO2').hide("fade", 500);
	$('#LEN2').hide("fade", 500);
});

Gracias!!