Estoy buscando el código adecuado, simple y pequeño para hacer lo siguiente:

Haga clic en Elemento con la clase aplicada a él.

DIV.CLASS: que expande y muestra contenido oculto. (slideDown - Toggle)

DIV.CLASS: que contrae y oculta el contenido mostrado anteriormente. (slideUp - Toggle)

He creado un jsFiddle aquí:http: //jsfiddle.net/Q4PUw/1

Para ser vago y fácil, necesito saber cómo hacer que una CLASE DIV se oculte y sea visible una vez que un elemento en la misma página tiene una CLASE aplicada, en la que se activaría y desactivaría el Contenido HTML OCULTADO y VISIBLE . Y necesito que esté oculto por defecto.

He buscado en Internet y solo he encontrado scripts muy complejos, pero nada simple. He encontrado Accordians simples ... Pero esos nunca cierran, simplemente abren otro.

Gracias a todos por la ayuda y espero poder responder esta misma pregunta a muchas otras personas ...

Nota: Sé muy poco JavaScript e incluso jQuery.