J'ai réussi à trouver une réponse à ma question. J'avais trouvé des exemples de display = 'block', etc ... mais ceux ci ne correspondaient pas à ce que je voulais. L'exemple ci-dessous va parafaitement. Seul problème c'est quand la page a été rafraichit, et lorsqu'on clique sur Pays, l'onglet descend d'un seul coup au lieu de descendre progressivement. Lorsque vous cliquez sur Pays sans valider le formulaire ou sans rechercher la page, l'onglet monte et descend normalement. Est-ce que quelqu'un pourrait me dire pourquoi, lorsque la page est rechargée, l'onglet descend d'un seul coup?
<script language="JavaScript">
<!-- Begin
occupe=0;
function derouler(xs)
{
occupe=1;
function action()
{
eval("document.all.search_form.style.pixelTop=document.all.search_form.style.pixelTop+3");
}
if(eval("document.all.search_form.style.pixelTop")<20){action();}
if(eval("document.all.search_form.style.pixelTop")<20)
{
appel=setTimeout("derouler(0)",1);
}
else{occupe=1}
}
function rouler(xs)
{
occupe=0;
function deaction()
{
eval("document.all.search_form.style.pixelTop=document.all.search_form.style.pixelTop-3");
}
if(eval("document.all.search_form.style.pixelTop")>-99){deaction();}
if(eval("document.all.search_form.style.pixelTop")>-99)
{
appel=setTimeout("rouler(0)",1);
}
else{occupe=0}
}
function attente(xs)
{
if(!occupe){derouler(xs);}
else{rouler(xs);}
}
// End -->
</script>
<html>
<link rel="stylesheet" href="css/test.css" type="text/css" />
<body>
<div class="menu a" id="banner">
</div>
<div class="menu b" id="search_form">
<p style="position:absolute;margin-left:100px">
<form name="search" action="test.html" method="get">
<input type="hidden" name="a" value="search">
<select name="town">
<option value="Paris">Paris</option>
<option value="Londres">Londres</option>
</select>
<input type="submit" value="Submit">
</form>
</p>
<p style="position:absolute; bottom: 0"><span style="cursor:hand;color:blue;text-decoration:underline;" onclick="attente(0)">Pays</span></p>
</div>
<div class="menu c" id="home">
<p style="position:absolute; bottom: 0"><span style="cursor:hand;color:blue;text-decoration:underline;" onclick="window.location='test.html';">Accueil</span></p>
</div>
<iframe width="630px" height="52px" frameborder="0" scrolling="no"></iframe>
<iframe width="530px" height="20px" frameborder="0" scrolling="no" style="margin-top:0px; margin-left:100px"></iframe>
</body>
</html>