javascript - textEditor を使用したテキスト領域の非表示/表示は、ドロップダウン値に依存します

Question

私は動作しているテキストエリアで NicEdit(www.nicedit.com) テキストエディターを使用しています。以下のコードは、ドロップダウンで値を選択した後、テキストエリアを表示または非表示にします。テキストエリアが表示されますが、これは私が助けが必要です;

1）ドロップダウンから値を選択する前でも、テキスト領域を表示したい。

2）ドロップダウンから値を選択してテキスト領域を表示した後、テキストエディタ（NicEdit）をすべてのテキスト領域に表示したい。

テキストエディタ用のJS（Nicedit）：

<script type="text/javascript" src="js/nicEdit.js"></script>
<script type="text/javascript">
    bkLib.onDomLoaded(function() {
        new nicEditor({maxHeight : 200}).panelInstance('area');
    });
</script>

テキスト領域を非表示および表示する Js:

   <script type="text/javascript">
        function showHide() 
        {
            if(document.getElementById("color_dropdown").selectedIndex == 1) 
            {
                document.getElementById("hidden1").style.display = ""; // This line makes the DIV visible
            } 
            else {            
                document.getElementById("hidden1").style.display = "none"; // This line hides the DIV
            }

            if(document.getElementById("color_dropdown").selectedIndex == 2) 
            {
                document.getElementById("hidden2").style.display = ""; // This line makes the DIV visible
            } 
            else {            
                document.getElementById("hidden2").style.display = "none"; // This line hides the DIV
            }

            if(document.getElementById("color_dropdown").selectedIndex == 3) 
            {
                document.getElementById("hidden3").style.display = ""; // This line makes the DIV visible
            } 
            else {            
                document.getElementById("hidden3").style.display = "none"; // This line hides the DIV
            }
        }
    </script>

HTML ドロップダウン:

<select name="menu"  id="color_dropdown" onchange="showHide()"> 
<option>Select Meun</option>
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>   

    <textarea id="hidden1" name="area" display:none;"   id="area">ggggggggggggggggg</textarea>
    <textarea id="hidden2" name="area"  display:none;" id="area">hhhhhhhhhhhhhhhhh</textarea>
    <textarea id="hidden3" name="area"  display:none;"  id="area">yyyyyyyyyyyyyyyyy</textarea>