Question

我有一个在我的程序中加载的kendo 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>

这是我的jQuery：

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

Answer 1

我认为应该如此简单：

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

toggle（）的作用是更改CSS显示属性，在最简单的情况下，如果未将其设置为“none”，则将其设置为“none”，如果是，则将“none”设置为“none”。因此，在html中将其设置为“none”应该会为您提供您所处的初始状态。

使用隐藏元素

1 个答案: