Javascript 如何显示/隐藏列表项MVVM剑道中的项

Javascript 如何显示/隐藏列表项MVVM剑道中的项,javascript,html,templates,kendo-ui,Javascript,Html,Templates,Kendo Ui,您可以在上使用jQuery将一个或多个事件的事件处理程序函数附加到所选元素。为div设置类选择器,并为该类注册click处理程序 function showToggle(){ if ( $('#myform') visible) do $('#myform').hide(); else $('#myform').show(); } 我想让它下面的div打开和关闭。这似乎也不能让它点击 <ul data-role="listview" id="myLis

您可以在上使用jQuery将一个或多个事件的事件处理程序函数附加到所选元素。为div设置类选择器,并为该类注册click处理程序

function showToggle(){
if ( $('#myform') visible) do
   $('#myform').hide();
else 
  $('#myform').show();
}

我想让它下面的div打开和关闭。这似乎也不能让它点击
            <ul data-role="listview" id="myList"
                data-bind="source: listOfStuff"
                data-template="my-template"></ul>
function showToggle(){
if ( $('#myform') visible) do
   $('#myform').hide();
else 
  $('#myform').show();
}
<script type="text/x-kendo-tmpl" id="my-template">
<ul >
    <li>
    <div class="show-hide"> Show/Hide Form</div>
        <div>My Form Stuff</div>
    </li>
<ul>
$('.show-hide').on('click', function(e) {
    console.log( e ); // e is div 
});