动画时在同一时刻淡入和淡出答案

【问题标题】：FadeIn and FadaOut in same moment while animate动画时在同一时刻淡入和淡出
【发布时间】：2011-09-17 08:16:15
【问题描述】：

$(".item21").click((function() {

    var i = 0;
    return function() {
        $("#submenu").animate({
            marginTop: (++i % 2) ? "+=330px" : "-=330px"
            }, 400);
            return false;
        };
    })());

我可以在哪里添加什么内容，以便脚本在每次点击时使#submenu 淡入或淡出。我尝试了 opacity:0 的东西，但我被卡住了。感谢您的帮助。

【问题讨论】：

标签： jquery jquery-animate opacity fadein fadeout

【解决方案1】：

这应该可以解决问题：jQuery Toggle

$('#submenu').toggle();

【讨论】：

您将无法点击 display:none 的内容
我假设该项目是子菜单的一部分，但这可能是错误的。
Grrrrrrrr 我讨厌当我以一种方式开始并且必须以另一种方式完成时:) 我做了这个，现在它正在工作。谢谢 $(".item21").toggle( function () { $("#submenu").animate({ marginTop: "+=330px", opacity:1 }, 400); }, function () { $( "#submenu").animate({ marginTop: "-=330px", opacity:0 }, 400); } );

【解决方案2】：

为什么不使用fadeIn 和fadeOut？

【讨论】：

你可以点击已经淡出的东西吗？
我想我认为它们是独立的元素，因为他在代码示例中使用了不同的选择器来识别它们。
是的...如果没有 HTML 有点难以分辨。

【解决方案3】：

我会使用.css({ visibility: value }) 而不是不透明度。

【讨论】：