如何使用 .toggle 与 jquery 2.1

Question

函数 toggle() 已弃用，我不知道如何处理这个问题。我尝试了一些解决方案，但其中 none 对我有用。这是我最后一次尝试（仍然无效）；

<script>
$("#clickId").click(function(){
 var $block = $("#myDiv"),
     $this = $(this);
 $block.slideToggle(function(){
     $this.text($block.is(':display') ? 'hidden' : 'block');
 });
});
</script>


<a href="#" id="clickId" ><img src="/img/sample.png" alt="sample"/></a>
    <div id="myDiv" style="display: none !important">

编辑： 我更改了以下行但仍然无法正常工作。

$this.text($block.is(':visible') ? 'false' : 'true');
<div id="myDiv" visible="false">

Answer 1

我只是稍微简化一下你的函数：

$("#clickId").click(function(){
   $("#myDiv").slideToggle();
});

http://jsfiddle.net/ssmmnfdd/1/

Answer 2

slideToggle的第一个参数是时长，然后回调函数：

http://jsfiddle.net/jgzucro8/

$('#btn').click(function() {
    $('#mydiv').slideToggle(0.5, function () {
        $('#btn').text($(this).is(':visible') ? 'visible' : 'hidden'); 
    });
});

Answer 3

javascript 未识别 $("#clickId") 和 $("#myDiv")，因为 dom 未加载。使用 $(document).ready() 或将您的脚本放在 dom 之后（标记 a 和 div）

如何使用 .toggle 与 jquery 2.1

how to use .toggle with jquery 2.1

html

javascript

php

jquery