Bonjour,

Je cherche à réaliser une interaction simple:
Deux div sont initialement cachés par java-script (et non pas par css). L'utilisateur peut cliquer sur chacun des liens et faire apparaître/ disparaître respectivement les div. Seulement, lorsque les div apparaissent, il y a un décalage qui s'opère (le contenu remonte) Pourquoi ? le code:
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
<ul>
            <li><a href="#">Par nom</a></li>
            <li><a href="#">Dans une section</a></li>
        </ul>
        <div id="searchByName">
            <h1>Recherche par nom</h1>
        </div>
        <div id="searchBySection">
            <h1>Recherche par section</h1>
        </div>
        <script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            $(function(){
                //On cache par défaut les calques
                $('#searchByName').hide();
                $('#searchBySection').hide();
                //Affichage des div si clic user
                $('li a:contains(Par nom)').click(function(){
                    $('#searchByName').slideToggle();
                });
                $('li a:contains(section)').click(function(){
                    $('#searchBySection').slideToggle();
                });
            });
        </script>
Merci,