jQuery多动作按钮

Question

  

我有一个按钮。我点击了3次   这个按钮。我想要一个黄色的盒子   在第一次单击时，隐藏黄色   盒子，并显示一个蓝色的盒子瞬间   在第二次点击时，隐藏蓝色   框并显示一个红色的方块蓝色瞬间   第三次点击框。

jQuery可以吗？如何??

Answer 1

您可以使用toggle()方法，该方法将多个函数作为参数，并为每次单击执行一个（按顺序）

示例http://www.jsfiddle.net/4qsq4/

请记住，这是一个有点粗野的解决方案。如果您可以提供一些HTML结构，我们可以更自动地实现这一点。

Answer 2

Another realisation。

Answer 3

使用toggle()事件。

示例： http://jsfiddle.net/4xBmc/