Javascript jQuery切换背景图像

我有这样的代码来显示/隐藏弹出窗口和div

    function ToggleSendForm() {

    var effect = 'slide';
    var options = { direction: 'right', easing: 'swing' };
    var duration = 1000;
    $(".popup").toggle(effect, options, duration);
    var effectFade = 'fade';
    var durationFade = 1000;
    $(".toggler").toggle(effectFade, durationFade);
};

function UnToggleSendForm() {

    var effect = 'slide';
    var options = { direction: 'right', easing: 'swing' };
    var duration = 1000;
    $(".popup").toggle(effect, options, duration);
    var effectFade = 'fade';
    var durationFade = 1000;
    $(".toggler").toggle(effectFade, durationFade);
};

<div class="toggler" style="display: none"></div>
<div class="popup" style="background-color: #ffffff; display: none">
<div class="container" style="padding: 20px">

函数ToggleSendForm（）{
var效应='滑动'；
var options={方向：'right'，缓和：'swing'}；
var持续时间=1000；
$（“.popup”）.toggle（效果、选项、持续时间）；
var effectFade='fade'；
var durationFade=1000；
$（“.toggler”）.toggle（effectFade、durationFade）；
};
函数UnToggleSendForm（）{
var效应='滑动'；
var options={方向：'right'，缓和：'swing'}；
var持续时间=1000；
$（“.popup”）.toggle（效果、选项、持续时间）；
var effectFade='fade'；
var durationFade=1000；
$（“.toggler”）.toggle（effectFade、durationFade）；
};

所以从右边弹出幻灯片

我的问题是，幻灯片弹出窗口是透明的。它在展开时变为白色。但我需要它在滑动时也是白色的。我错过了什么

 { queue: false };

这是由jQuery中的动画队列引起的。 在切换选项中将队列设置为false

function ToggleSendForm() {

    var effect = 'slide';
    var options = { direction: 'right', easing: 'swing' };
    var duration = 1000;
    $(".popup").toggle(effect, options, duration);
    var effectFade = 'fade';
    var durationFade = 1000;
    $(".toggler").toggle(effectFade, { queue: false }, durationFade);
};

function UnToggleSendForm() {

    var effect = 'slide';
    var options = { direction: 'right', easing: 'swing' };
    var duration = 1000;
    $(".popup").toggle(effect, options, duration);
    var effectFade = 'fade';
    var durationFade = 1000;
    $(".toggler").toggle(effectFade, { queue: false }, durationFade);
};

jQuery API文档：

队列（默认值：true） 类型：布尔或字符串 布尔指示 是否将动画放置在效果队列中。如果为假，则为 动画将立即开始。从jQuery1.7开始，队列选项 也可以接受字符串，在这种情况下，动画将添加到 由该字符串表示的队列。使用自定义队列名称时 动画不会自动启动；你必须打电话 .dequeue（“queuename”）来启动它

---

Alexander你需要在

jsfiddle.net

上摆弄一下，因为你的朋友帮不了你。什么可能会对div产生影响？我想我的代码是正确的，因为我有另一个最简单的示例，它可以在后台工作。因此，问题是什么（样式可能）会破坏这里的背景色。sry，您必须将此选项设置为每个函数中的最后一个切换，而不是第一个。我想这不是我的情况。因为我有一部动画。所有来自inner的div（弹出窗口）的控件都是右侧的幻灯片。我的问题是div的背景是透明的。即使移动时未显示边框。所以我想这不是一个严重的问题。