débutant, effet slideToggle
Bonjour à tous, je débute en jquery et javascript et j'ai écris ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <?php
for($i = 1; $i <= 10; $i++)
{
echo"<script>
$(document).ready(function(){
$('.bloc".$i."').hide();
$('.titre".$i."').toggle(function(){
$(this).addClass('active');
}, function(){
$(this).removeClass('active');
});
$('.titre".$i."').click(function(){
$(this).next().toggle('normal');
});
});
</script>";
}
?> |
et dans mon body :
Code:
1
2
3
4
5
6
7
8
9
| <div>
<a href="#" class="titre1">1 - Effet toggle</a>
<div class="bloc1">test toggle !</div>
</div>
<br>
<div>
<a href="#" class="titre2">2 - Effet toggle</a>
<div class="bloc2">test toggle !</div>
</div> |
Cela fonctionne très bien seulement je souhaiterai que lorsque je clic sur un titre, il se déroule mais qu'il fasse se enrouler tous ceux qui sont ouverts.
Quelqu'un peut me lancer une piste svp ?
