サーバーサイドで最初のdivをクリックすると別のdivを非表示にして表示するにはどうすればいいですか？

Question

私はサーバー側Webサービスページに<div>を2つ持っています。最初のdivをクリックすると、最初のdivが非表示になり、2番目のdivが表示されます。どのように最初のdivを非表示にすると、サーバー側のWebサービスのページでonclick divを使用して2番目のdivを表示します。

Javascriptを

function switchVisible() { 
    if (document.getElementById('hidediv')) { 
     if (document.getElementById('hidediv').style.display == 'none') { 
      document.getElementById('showdiv').style.display = 'block'; 
      document.getElementById('showdiv').style.display = 'none'; 
     } 
    else { 
      document.getElementById('hidediv').style.display = 'none'; 
      document.getElementById('showdiv').style.display = 'block'; 
      } 
    } 
} 

HTML

sbBuilder.Append("<div href='#' id='" + "' onclick=" + '"' + "javascript:return ")     
sbBuilder.Append("</div>"); 

Answer 1

（のdocument.getElementById（ 'hidediv'）場合だけ であれば条件の最初の行を置き換えます。style.display！= = 'なし'）