Bonjour à tous, je débute en jquery et javascript et j'ai écris ceci :
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
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 ?