Загрузка шаблона пользовательского интерфейса Kendo со скрытыми элементами

Question

У меня есть шаблон кендо ui, который загружается в мою программу, но мне нужен один из скрываемых элементов, поэтому я могу использовать кнопку для переключения их скрытых или отображаемых в любое время. Я хочу использовать базовую команду jQuery toggle, но проблема заключается в том, что элементы сначала находятся в правильном состоянии. Может ли кто-нибудь помочь мне инициализировать 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"> 

Какой тумблер() есть изменение t он имеет свойство отображения CSS, в простейшем случае он устанавливает значение «none», если он не установлен на него, или удаляет «none», если это так. Поэтому установка этого параметра как «none» в вашем html должна дать вам начальное состояние, за которым вы после.