jquery - Jquery Banner - 带有淡入淡出和弹出框

Question

这是我目前使用 Jquery 横幅的位置 - http://jsfiddle.net/WcXBs/2/

对 jquery 的使用不当（不知道快捷方式等）表示歉意。

我一直在尝试让 Jquery 转换以在更改时在横幅之间创建淡入淡出……但它们是错误的（我认为这是由于代码删除了类，同时添加了一个类，这意味着它没有什么可淡化的）。

我也确实设法让盒子用动画展开，但确实发现在第一次之后，动画没有再次显示。

看看我已经拥有的代码，任何人都可以提供指导，以在横幅更改时实现淡入淡出动画，以及成功的高度动画，然后再回到原始状态？

谢谢，

卢克

Answer 1

你的方法太复杂了，我用很简单的方法做了你的横幅，看看：DEMO

$('a').hover(function(){

   var swap = $(this).attr('href'); // takes the hovered object's href. example = '#one'

   $('.banners').stop().hide(); // hides all banners
   $(swap).stop().fadeIn(600); // brings the hovered object with it's id

   $('a').removeClass('selected'); // removes selected class
   $(this).addClass('selected'); //adds selected class to the hovered object
});