使用jquery切换来执行多个操作

时间:2013-04-02 04:42:03

标签: jquery events toggle

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

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

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

2 个答案:

答案 0 :(得分:0)

我想你想要这个。为了更多的帮助,我在那里。快乐的编码!!!

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

答案 1 :(得分:0)

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

    });
});

Demo