Garder une propriete active apres validation d'un formulaire

Bonjour, mon problème est tres simple mais je trouve aucune solution!!! En fait j'ai une fonction javascript qui est appellé ; quand on valide un formulaire (onsubmit) on fait apparaitre une liste qui est cachee au depart (visibility : hidden). Le code marche mais ma liste apparait très vite mais disparait aussitot alors que j'ai envie que le changement soit permanent.

<script language="javascript">
function afficher(){
if (document.forms.formulaire.livre.value == ""){
alert('La saisie est obligatoire');
return false;
}

if (document.forms.formulaire.livre.value == "le rouge et le noir"){
return document.getElementById('liste').style.visibility="visible";
}

else {
alert('Livre non disponible');
return false;
}
}
</script>

<div id="header">
<FORM id="choix" onsubmit="return afficher();" NAME="formulaire" METHOD="post" ENCTYPE="text/plain">
Veuillez Entrer le titre du livre:<INPUT TYPE="text" NAME="livre">
<button TYPE="submit">Valider</button>
</FORM>
</div>

<div id="sidebar1">
<ul id="liste">
<li><a href="..." title="aller à la Chapitre 1">Chapitre 1</a></li>
<li><a href="..." title="aller à la Chapitre 2">Chapitre 2</a></li>
<li><a href="..." title="aller à la Chapitre 3">Chapitre 3</a></li>
<li><a href="..." title="aller à la Chapitre 4">Chapitre 4</a></li>
<li><a href="..." title="aller à la Chapitre 5">Chapitre 5</a></li>
</ul>
</div>