Jquery 如何在一个事件结束后触发新事件

目前，我的jquery遇到了一些问题，我希望能够遵循以下流程：

页面加载并设置图像动画 我点击链接，图像会产生不同的动画 我再次单击链接，它将启动另一个动画。 以下是我当前使用的代码：

    <script type="text/javascript">
        $(document).ready(function () {
            $('img').fadeIn(100).addClass('stage1');
            $("#next").click(function () {
                $('img').addClass('stage2');
            });
        });
   </script>


   <a href="#" id="next">Next</a>
     <ul>
       <li><img src="jquery.png" /></li>
       <li><img src="jquery.png"  /></li>
     </ul>

我希望这是有意义的，你能给我的任何帮助都将不胜感激

---

谢谢使用hasClass jquery函数

$("#next").click(function () {
    if($('img').hasClass('stage2'))
    {
       $('img').addClass('stage3');
    }
    else
       $('img').addClass('stage2');
});

---

当然，有更好的方法可以做到这一点，但这是可行的

谢谢，这正是我需要的。