11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,
J'ai un petit soucis par rapport à une liste, rien de bien méchant je pense, mais je bloque Smiley decu

En fait j'ai une liste, qui contient une IMAGE et un contenu. Quand je clique sur l'image, le contenu correspondant doit s'afficher.

<ul id="projets">
  <li>
    <img src="...">
    <div class="descProjet">...</div>
  </li>
</ul>


Si je fais ça directement sur la liste (li) mon contenu s'affiche, mais je vois pas comment le faire lorsque le clic se fait sur l'image.

jQuery('#projets li').click(function() {
	jQuery('.descProjet', this).fadeIn();
});


Si quelqu'un pouvait m'aider, merci d'avance Smiley smile
Modifié par exootia (06 Aug 2012 - 09:51)
$('#projets li img').click(function() {
	$('.descProjet', $(this)[0].parentNode).fadeIn();
});
?
Modifié par Gothor (03 Aug 2012 - 13:54)
Il y a une erreur également dans ton élément ul, tu lui as mis l'id "#projets" alors qu'il suffit de mettre "projets".
Modifié par Gothor (03 Aug 2012 - 14:12)
heu ouais c'est juste que j'ai réécris le code en postant le sujet, dans mon code initial c'est ok ^^