animate问题：首次点击的反应方式与其他点击相同

Question

我正在尝试通过点击链接显示一些内容，我想要一个淡出动画。问题是，第一次点击时，动画与其他文字略有不同。

您可以在此处查看演示：http://plnkr.co/edit/aMOW2L4tba6EfqXgW9P1?p=preview

这是我的jQuery代码：

 $(".technoButton").click(function(event){

         $(".tab-head-content-techno").each(function( ){
                 $(this).animate({ opacity: 0 }, "fast");
                 $(this).removeClass("current");
         });

         $("."+$(this).attr("rel")).animate({ opacity: 1 }, "fast");
         $("."+$(this).attr("rel")).addClass("current");
         event.preventDefault();
     });

如您所见，普通动画是：隐藏旧内容，然后显示新内容。首次点击：隐藏旧内容，显示新内容，隐藏新内容并显示新内容 有人可以帮忙吗？

由于