jquery - 基本 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);