Problema de Ocultar/mostrar div con jquery

[madman_18]

Hola a todos!!

Veréis, tengo problemas a la hora de mostrar y ocultar un div con jquery...
Tengo en el css los bloques ocultos tal que así:

Código CSS:

#div1,#div2{display:none !important;}
 

Aparecen ocultos, y ahora, lo que quiero es que me muestre solo uno de ellos (esto está incluido en una @mediaqueries) tal que así:

Código CSS:

#div1{display:block;}
 

Ahora, este bloque me lo muestra...y en él tengo un jquery que me "jugaría" ocultando y mostrando dichos divs.

Cuando pulsen sobre div1, este se ocultaría y mostraría div2, y así sucesivamente.

(También maneja el ocultar/mostrar un 3er div...pero ese no me da problemas).

El código es el siguiente:

Código Javascript:

$('#div1').click(function(){
                    $(this).hide('fast');
                    $('#div2').show('fast');
                    $('#otrodiv').slideUp('slow');                
            });
 

Pues bien...lo que ocurre es que siempre se me queda presente el div1, y no se muestra div2 ni nada....y no entiendo por qué

¿Por qué puede pasar eso? He probado también cambiando la propiedad css mediante jquery pero pasa lo mismo...(no hace el ocultar y mostrar).

Un saludo y muchas gracias!

[angelsds]

puedes usar la funcion toggle de jquery es bastante útil para lo que buscas hacer