剑道UI模板加载隐藏元素

我有一个在我的程序中加载的剑道ui模板，但我需要隐藏的元素之一，所以我可以使用一个按钮来切换它们隐藏或显示在任何时候。我想使用一个基本的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>

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