使用 jquery 切换执行多个操作答案

【问题标题】：using jquery toggle to perform multiple actions使用 jquery 切换执行多个操作
【发布时间】：2013-04-02 04:42:03
【问题描述】：

我试图通过 jquery 切换发生多个事件。我想显示/隐藏一个元素以及使用相同的单击事件将样式应用于下面的元素。有任何想法吗？这甚至可能吗？

$(document).ready(function(){
  $("button").click(function(){
  $("p").toggle();},function(){
  $("#write").css("background-color", "yellow");
  });
});

http://jsfiddle.net/bbelch/nGFzW/

【问题讨论】：

那是什么问题
这里和小提琴中的代码不同，有一些打字错误
没关系，我想通了jsfiddle.net/bbelch/nGFzW/8>
不过还是谢谢 Uttara
@user2234473，您不应为一个元素附加多个 click 处理程序。请参阅下面的答案。

标签： jquery events toggle

【解决方案1】：

我猜你想要这个。如需更多帮助，我会在那里。编码愉快！！！

$(document).ready(function () {    
    $("button").click(function () {               
        var isVisible = $("#me").toggle().is(":visible");
        if (isVisible) {
            $("#change").css("background-color", "yellow");
        }
        else
        {
            $("#change").css("background-color", "red");
        }
    });
});

<html>
     <body>
        <button>Toggle between hide() and show()</button>
         <div id="me">show me then hide me </div>
         <div id="change">New Look</div>
    </body>
</html>

【讨论】：

【解决方案2】：

$(document).ready(function () {
    $("button").click(function () {
        $("#redcover").toggle();
        $("#write").toggleClass('blrrrry', 1000);

    });
});

Demo

【讨论】：