Discussion :

[Shandler]

Bonjour,

jai le code ci dessous qui fonctionne tres bien

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="toggler">Cliquez pour afficher le texte</div>
<div class="togglediv">
  BlaBlaBlaaaaaaaaaaa
  BlaBlaBlaaaaaaaaaaa
  BlaBlaBlaaaaaaaaaaa
</div>
 
 
//on cache le div
$('.togglediv').hide();
//On slide le div
$('.toggler').click(function(){
   $(this).siblings('.togglediv').slideToggle();
});

Et donc je voudrais adapter ce code en faisant en sorte de cliquer sur un lien pour afficher le div sachant que ce lien est dans le 1er div et je n'arrive pas a faire ce que je veux merci a vous.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div><a href="" class="toggler">Cliquez pour afficher le texte</a></div>
<div class="togglediv">
  BlaBlaBlaaaaaaaaaaa
  BlaBlaBlaaaaaaaaaaa
  BlaBlaBlaaaaaaaaaaa
</div>
 
 
//on cache le div
$('.togglediv').hide();
//On slide le div
$('a.toggler').click(function(){
   $(this).siblings('.togglediv').slideToggle();
   return false;
});

[danielhagnoul]

Bonjour.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$(document).ready(function(){
    //on cache le div
    $('.togglediv').hide();
 
    //On slide le div
    $('.toggler').click(function(){
       $(this).parent().siblings("div.togglediv").slideToggle();
    });
});
 
<div><a href="#" class="toggler">Cliquez pour afficher le texte</a></div>
<div class="togglediv">
  BlaBlaBlaaaaaaaaaaa
  BlaBlaBlaaaaaaaaaaa
  BlaBlaBlaaaaaaaaaaa
</div>

[Shandler]

A oui c'etais tous bête merci beaucoup de ton aide.