基本的jquery如何组合当前的幻灯片/淡入淡出元素并修复不透明度？

Question

注意#element2，我有两个功能但只有滑动功能有效。我希望当你将鼠标悬停在它上面时，你会以50％的不透明度开始并淡入100％

以下是代码：

  $("#element2").hover(function() {
        $("#next").show("slide", { direction: "right" }, 300); 
        $("#next").fadeIn(300);
    },
        function() {
            $("#next").hide("slide", { direction: "right" }, 300); 
        $("#next").fadeOut(300);
    });

以下是行动中的代码： http://jsfiddle.net/pQzWp/9/

Answer 1

这里有一个很好的答案：

http://css-tricks.com/snippets/jquery/combine-slide-and-fade-functions/

您应该使用animate。在您的特定情况下，我认为以下内容应该有效：

$("#next").animate({opacity: 'toggle', width: 'toggle'}, 300);