Cacher un élement en cliquant sur croix

Bonjour,
J'essaie de cacher une div quant l'internaute clique sur une petit croix présent dans la div. Ensuite la div se cache à droite de l'écran, à l'aide d'un effet css3 et d'un right négatif.

Voici mon code :

<div class="blocactus hidden">
  <h2><?php _e('Actualites','theme'); ?></h2><div class="croixactus" onclick="jQuery(this).toggleClass('hidden')"><img src="<?php bloginfo('template_url'); ?>/img/croix.png"/></div>
</div>

J'ai mis un petit js, mais cela ne fonctionne pas et j'ai du mal à trouver pourquoi.
Ce que je veux faire, c'est quand l'internaute clique sur la croix, la div blocactus se cache. Ensuite avec du css je passe la div crois à gauche da la dic blocactu et quand on clique à nouveau sur la croix, on réouvre la div bloc actu.
merci pour votre aide
Modifié par dreadstock (26 Feb 2015 - 11:42)

dreadstock a écrit :
J'ai mis un petit js, mais cela ne fonctionne pas et j'ai du mal à trouver pourquoi.

Qu'est-ce qui ne fonctionne pas, ou plus exactement qu'est-ce qui se passe?
Avec le code que tu nous a transmis, je pense que quand tu cliques sur la croix elle disparait avec le reste de la div. Tu as peu de chance de la faire réapparaitre, sauf justement par un "petit js", mais encore faudrait il avoir le fameux "petits js" et savoir comment il est appelé.

Lu

$(this.parentNode).toggle...

Zelalsan a écrit :
Lu

$(this.parentNode).toggle...

ParentNode fonctionne à merveille merci !!!

PapyJP a écrit :
... sauf justement par un "petit js", mais encore faudrait il avoir le fameux "petits js" et savoir comment il est appelé.

@PapyJP : Celui-ci est appelé directement dans l'élément html, comme indiqué.
@Zelalsan : Bien vu pour element.parentNode, je ne connaissait pas cette propriété qui va parfois m'être bien utile à moi aussi.