JQUERY slidetoggle无法正常工作

Question

我不明白为什么jQuery脚本不工作。 下面是示例：

$(document).ready(function(){ 
     $('#mygtukas-js').click(function(){ 
     $(this).data('clicked', true); 
     }); 

     if($('#mygtukas-js').data('clicked')){ 
     $(this).next('#turinys').slideToggle(500); 
     } 
     else { 
     $('#turinys').hide(); 
     } 
    }); 

的jsfiddle：http://jsfiddle.net/5NmK9/

Answer 1

你的slideToggle块被调用一次，上的document.ready。当你点击＃mygtukas-js时，它会将'clicked'改为true，但它不会调用if/else块。

您应该将if/else块放在单击后调用的代码中，或者将它放在其自己的事件侦听器中。

Answer 2

这应该是足够了：

$(document).ready(function(){ 
    $('#mygtukas-js').on("click", function() { 
     // The line below can be removed if you're not using the data 
     // value anywhere else. 
     $(this).data('clicked', true); 

     $(this).next('#turinys').slideToggle(500); 
    }); 
}); 

的.slideToggle()会做的显示/隐藏。

演示：http://jsfiddle.net/5NmK9/1/