Javascript取消隱藏內容

Question

應該簡單明了，但我在這里沒有發現錯誤。 簡單的javascript顯示/隱藏內容。 嘗試同時顯示-屏蔽/無顯示和可見性-顯示/隱藏。 如果所有名為npctext_X的div可見性都設置為visible，則它起作用。 但我需要將它們隱藏起來，因為這將用作對話...

<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

作為解決問題的最佳實踐和潛在解決方案，您應該使用CSS類，並從您的對象中添加或刪除這些類。

本教程可能會對您有所幫助。

Answer 2

m您正在向函數發送整數。 嘗試用這樣的引號將它們包裝起來，以將其轉換為字符串。

npcfunkc("2", "1")