合理化された JS DIV レイヤーのタブ切り替えコード_JavaScript スキル

<title>DIVレイヤー切り替え</title> <span onclick="JavaScript:ChangeDiv('0','JKDiv_',2)" style="cursor:hand;"> </span>コンテンツ1<span onclick="JavaScript:ChangeDiv('1','JKDiv_',2)" style="cursor:hand;"> </span>コンテンツ2<span onclick="JavaScript:ChangeDiv('2','JKDiv_',2)" style="cursor:hand;"> </span>コンテンツ 3<div id="JKDiv_0" style="font-size:14px;margin:20px;color:#FF0000;"> </div>コンテンツセクションの最初のエリア<div id="JKDiv_1" style="display:none;font-size:14px;margin:10px;color:#FF0000;"> </div>コンテンツセクションの 2 番目の領域<div id="JKDiv_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;"> </div>コンテンツセクションの 3 番目のエリア
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]