Javascript afficher le contenu

Question

Devrait être simple et clair, mais je ne comprends pas ce qui ne va pas ici. Simple javascript afficher/masquer le contenu. Essayé à la fois l'affichage - bloc/aucun et la visibilité - montrer/caché. Ne fonctionne pas .. Cela fonctionne si toutes les divs visibilité nommées npctext_X sont définies pour visible. mais je les dois être cachés, becouse cela sera utilisé dans les dialogues ...

<script type="text/javascript"> 

function npcfunkc(karodyt,senas){ 

var showit = 'npctext_'+karodyt; 
var hideit = 'npctext_'+senas 

//document.getElementById(showit).style.display='block'; 
//document.getElementById(hideit).style.display='none'; 

document.getElementById(showit).style.visibility = 'show'; 
document.getElementById(hideit).style.visibility = 'hidden'; 
} 
</script> 


<div class='npctalk'> 

<div id='npctext_1' style='visibility:visible;'>text 1 text 1 text 1 <br /><br /> 
    <button onclick='npcfunkc(2,1)'>show 2 [hide 1] 
    </button><br /> 
    <button onclick='npcfunkc(3,1)'>show 3 [hide 1] 
    </button><br /> 
</div> 

<div id='npctext_2' style='visibility:hidden;'>text 2 text 2 text 2 <br /><br /> 
    <button onclick='npcfunkc(1,2)'>show 1, [hide 2] 
    </button><br /> 
    <button onclick='npcfunkc(3,2)'>show 3, [hide 2] 
    </button><br /> 
</div> 

<div id='npctext_3' style='visibility:hidden;'>text 3 text 3 text 3 <br /><br /> 
    <button onclick='npcfunkc(2,3)'>show 2, [hide 3] 
    </button><br /> 
    <button onclick='npcfunkc(1,3)'>show 1, [hide 3] 
    </button><br /> 
</div> 

</div> 

Answer 1

En tant que meilleure pratique et d'une solution potentielle à votre problème, vous devez utiliser des classes CSS et ajouter ou supprimer ces classes de vos objets.

Cette Tutorial peut vous aider.

Answer 2

mVous envoyez des entiers à votre fonction. Essayez de les emballer avec des guillemets comme ceci pour les convertir en ficelle ....

npcfunkc("2", "1")