Réponse acceptée !
il suffisait d'adapter loser
<html>
<head>
<script type="text/javascript">
//nombre de textes
var nbtxt=3
function afficher(numero)
{
for(var i=0;i<=nbtxt-1;i++){
document.getElementById('scat'+i).style.display='none'};
document.getElementById('scat'+numero).style.display='block';
}
</script>
</head>
<body>
<a href="javascript:afficher(0)"> lien 0</a> |
<a href="javascript:afficher(1)"> lien 1</a> |
<a href="javascript:afficher(2)"> lien 2</a> <br>
<div id="scat0" style="display:none"> Texte numéro 0</div>
<div id="scat1" style="display:none;color:red"> texte 1 </div>
<div id="scat2" style="display:none;color:green;font-size:25px"> Texte numéro 2 qui peut avoir n'importe quel style</div>
</body>
</html>