Bonjour,
j'ai un petit problème dans mon jQuery, quand je clique sur mon onglet de navigation, la page se décale bien, mais le display : none ne s'applique pas, je vous envoi mon code en vous remerciant d'avance pour votre aide :
Code html : 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 <nav id="mainNav"> <span id="link0" class="nav"> 1 </span> <span id="link1" class="nav"> 2 </span> <span id="link2" class="nav"> 3 </span> <span id="link3" class="nav"> 4 </span> </nav> <div id="content"> <section id="page0"> <?php include('pages/N1.php') ?> </section> <section id="page1"> <?php include('pages/N2.php') ?> </section> <section id="page2"> <?php include('pages/N3.php') ?> </section> <section id="page3"> <?php include('pages/N4.php') ?> </section> </div> </body> </html>
Code jQuery : 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 <script> var pageActiv = 0; <?php for($i=0 ; $i<=3 ; $i++){ ?> $("#link<?php echo $i; ?>" ).click(function(){ if (pageActiv != <?php echo $i; ?>){ $("#content").animate({"margin-left":"200px","opacity":"0"},400,function(){ $("#page"+pageActiv).css({"display":"none"}); $("#page<?php echo $i ?>").css({"display":"block"}); $("#content").animate({"margin-left":"-450px","opacity":"1"},500); }); pageActiv = <?php echo $i; ?> } }); <?php } ?> </script>
Partager