jquery - 如何使用点击函数撤消点击事件？

Question

我这里有一个简单的代码

         $("#faqs h4").click(function(){
                var div=$("div");
                    var h4=$("h4");       
                    h4.animate({letterSpacing:'0.1em'}, "slow");

                 });

单击 h4 标题时，字母间距将变为 0.1em。现在我不知道如何编写另一个代码，以便再次单击时它返回到 0.0em。帮助!谢谢!

Answer 1

这是一种使用外部变量来包含 h4 的间距状态的方法:

var spaced = false;
$("#faqs h4").click(function(){
    var spacing = spaced ? '0em' : '0.1em'; // decide which spacing to use
    spaced = spaced ? false : true;         // set state to either or
    $(this).animate({letterSpacing: spacing}, "slow");
});

演示:http://jsfiddle.net/Pyd6e/1/

编辑:根据 Qaribou 评论中的 Josh，我没有注意到您选择元素的方式。您应该使用 this 来引用当前单击的 h4 元素，否则您的所有 h4 都将参加聚会。更新了答案和 fiddle 。