Discussion :

[Oniii]

Bonjour à tous,

J'ai eu beau essayer toute la journée je n'arrive pas à faire en sorte de fermer la div ouverte en cliquant sur une autre à ouvrir.

Mon code HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<h2><a href="#" class="listeTitre"> TITRE </a></h2>
<div class="listeDescription"> CONTENU </div>
 
<h2><a href="#" class="listeTitre"> TITRE </a></h2>
<div class="listeDescription"> CONTENU </div>
 
<h2><a href="#" class="listeTitre"> TITRE </a></h2>
<div class="listeDescription"> CONTENU </div>

Merci et très bonne fin d'après midi.

[Bovino]

On peut voir ce que tu as essayé de faire ?

[SpaceFrog]

.not(this) ...

[Oniii]

http://next-com.fr/sitedesite/

Première catégorie à gauche ensuite en faite je voudrais que quand on ouvre la première ligne et que l'on souhaite ouvrir la deuxième la première ce ferme au clique de la deuxième.

J’espère que je suis assez compréhensif ^^

J'ai essayer le toogle slideup et slidown mais toujours aucun résultat je suis pas hyper bon en jQuery ^^

[Bovino]

Perso, j'ai pas trop envie d'aller sur ton site pour regarder la source. Donc si tu pouvais poster le code, ce serait plus simple !

[Oniii]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="text/javascript">
   $(document).ready(function(){
      $('.listeTitre').click(function(){
         $('.listeDescription').slideUp('fast');
         $(this).next('.listeDescription').slideDown('fast');
      });
   });
</script>

[Bovino]

Ton script n'est pas correct.
$('.listeTitre') (et donc $(this)) correspond à la balise <a> qui n'a donc pas de .next('.listeDescription').

[Oniii]

donc $(this) je dois le remplacer par quoi pour un équivalent de <p> ou <div>

Merci je commence à comprendre mon erreur