histoire d'apprendre à manipuler le code, j'aimerai savoir s'il y a pas un mayoen plus simple d'écrire le code suivant, du style avec une boucle for, mais je n'y arrive pas !

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
$(document).ready(function(){
        $("#Magicmenu").show();
        $("#Magicbox").css('position', 'fixed');
        $("#Magic1").hide();    // Ordonnances
        $("#Magic2").hide();    // Certificats
        $("#Magic3").hide();    // Administratifs
        // for (i=1; i<4; i++) {
            $('#Magicmenu .magic1').click(function () {
                if ($('#Magic1').css("display") == "none") {
                    $(this).css({background: "#000", opacity: 0.9})
                    $('#Magicmenu .magic2').css({background: "#333", opacity: 1});
                    $("#Magic2").hide();
                    $('#Magicmenu .magic3').css({background: "#333", opacity: 1});
                    $("#Magic3").hide();
                    
                    $('#Magic1').slideDown("fast");
                } else {
                    $(this).css({background: "#333", opacity: 1})
                    $('#Magic1').slideUp("fast");
                }
                return false;
            });
            $('#Magicmenu .magic2').click(function () {
                if ($('#Magic2').css("display") == "none") {
                    $(this).css({background: "#000", opacity: 0.9})
                    $('#Magicmenu .magic1').css({background: "#333", opacity: 1});
                    $("#Magic1").hide();
                    $('#Magicmenu .magic3').css({background: "#333", opacity: 1});
                    $("#Magic3").hide();
                    $('#Magic2').slideDown("fast");
                } else {
                    $(this).css({background: "#333", opacity: 1})
                    $('#Magic2').slideUp("fast");
                }
                return false;
            });
            $('#Magicmenu .magic3').click(function () {
                if ($('#Magic3').css("display") == "none") {
                    $(this).css({background: "#000", opacity: 0.9})
                    $('#Magicmenu .magic1').css({background: "#333", opacity: 1});
                    $("#Magic1").hide();
                    $('#Magicmenu .magic2').css({background: "#333", opacity: 1});
                    $("#Magic2").hide();
                    $('#Magic3').slideDown("fast");
                } else {
                    $(this).css({background: "#333", opacity: 1})
                    $('#Magic3').slideUp("fast");
                }
                return false;
            });
      //  }
        /* Opacité de 80% sur le contenu via javascript car par hack css ça fait buguer ie6 */
        $("#Magiccontent").fadeTo("fast", 0.9);

});