jquery - JQUERY 滑动切换不起作用

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

这应该足够了：

$(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/

Answer 2

您的 slideToggle 块在 document.ready 上被调用一次。当您单击#mygtukas-js 时，它会将“clicked”更改为 true，但不会调用 if/else 块。

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