Soucis de champ

Bonjour,
j'ai un soucis avec mon ap, c'est pour une gestion de stock et lorsque je clic sur libellé j'ai le choix entre :

Stock initial, il y a deux champs qui apparait ==> Qté et P.u
Entrée, il y a deux champs qui apparait ==> Qté et P.u
Sortie, il y a un champ qui apparait ==> Qté
Stock Réel, il y a deux champs qui apparait ==> Qté

Et le souci c'est que quand je choisi stock Réel,j'ai bien le champ Qté qui apparait mais lorsque je chois un autre libellé par exemple Stock initial, le champ Qté de Stock Réel reste je me trouve alors avec trois champs ==> Qté Qté et PU alors que je devrait avoir Qté et PU. je n'est pas de soucis avec les autre libellés. voici le bout de code qui permet au champ de s'afficher celon le libellé choisi. Merci de votre aide.

<div id="SI" style="display: none">
<table>
<tr>
<td>Qté </td>
<td>
<input type="text" name="qtéinitial" size=" 10" maxlength="20" /><br />
</td>
</tr>
<tr>
<td>P.U </td>
<td>
<input type="text" name="puinitial" size=" 10" maxlength="20" /><br />
</td>
</tr>
</table>

</div>

<div id="Entrée" style="display: none">
<table>
<tr>
<td>Qté </td>
<td>
<input type="text" name="qtéentrée" size=" 10" maxlength="20" /><br />
</td>
</tr>
<tr>
<td>P.U </td>
<td>
<input type="text" name="puentrée" size=" 10" maxlength="20" /><br />
</td>
</tr>
</table>
</div>

<div id="Sortie" style="display: none">
<table>
<tr>
<td>Qté </td>
<td>
<input type="text" name="qtésortie" size=" 10" maxlength="20" /><br />
</td>
</tr>

</table>
</div>

<div id="SF" style="display: none">
<table>
<tr>
<td>Qté </td>
<td>
<input type="text" name="qtéfinal" size=" 10" maxlength="20" /><br />
</td>
</tr>
</table>

</div>