剣道UIテンプレート非表示要素の読み込み

Question

私のプログラムに読み込まれた剣道UIテンプレートがありますが、非表示にする要素の1つが必要なので、いつでもボタンを非表示にしたり表示したりすることができます。私は基本的なjQueryのトグルコマンドを使用したいが、問題は要素が最初は正しい状態になっていることである。誰も私がResultsObjectPartialを初期化するのを助けることができ、ResultsObjectは隠され、示されていますか？ここで

は私のテンプレートです：ここでは

<script type="text/x-kendo-template" id="template"> 
<div id="details-container"> 

    <textarea id="ResultsObjectPartial"> 
     # 
      var partialResults; 
      Calculation to return a partial result 
     # 
     #= partialResults # 
    </textarea> 
    <textarea id="ResultsObject"> 
     #: ResultObject # 
    </textarea> 

    <button type="button" id="toggleResults">Full/Partial</button>   
</div> 

は私のjQueryのです：

$(document).on("click", "#toggleResults", function (e) { 
    $("#ResultsObjectPartial").toggle(); 
    $("#ResultsObject").toggle(); 
}); 

Answer 1

私はそれはのように単純であるべきと考えている：

<textarea id="ResultsObjectPartial" style="display: none"> 

何トグル（）は変化する彼はそれを設定されていない場合は 'none'に設定するか、そうでない場合は 'none'を削除するというように、CSSの表示プロパティを設定します。だからあなたのhtmlの 'なし'としてそれを設定すると、あなたは後の最初の状態を与える必要があります。