Bonjour,
dans ce post, on m' a fourni un moyen de plier-déplier un contenu. Je voudrais améliorer ce code. Pour cela, j'aurais besoin de deux choses :
  1. Dans le code ci-dessous, je voudrais faire référence à content relativement à fold_1, ou bien relativement à fold_2 séparément. Ceci serait pour voir comment on fait ce genre de chose directement.
  2. Plus important, je voudrais que cette référence soit utilisable dans l'extrait de code donné ci-dessous. L'idée serait de créer un code JS générique où il serait fait référence aux div dont la classe commence par fold.

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
19
20
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".fold_1").click(function(){
                    ??contenuDeFold_1??.show();  <---- Ma question...
                });
            });
        </script>
    </head>
 
    <body>
 
<div class="fold_1">Un bon début ?
    <div class="content">
        Bla, bla....
 
        <div class="fold_2">Un meilleur départ ?
            <div class="content">
                Oh, ah....
            </div>
        </div>
    </div>
</div>
 
    </body>
</html>