下拉菜单中的淡入淡出效果

Question

http://jsfiddle.net/frcdd/11/

见小提琴。

问题：单击菜单项时，说“加拿大”，菜单会下降，我在现在可见的部分放置了背景。我也在使用淡入淡出效果。但是，我的背景是灰色的，菜单从白色渐渐消失。

我想知道是否有人可以查看脚本，看看如何将淡入淡出从白色变为淡入淡出。

检查小提琴，它将更有意义我追求的。

div.container {
    background:#292B29;
    padding-top:0px;
    margin-top: 0px;
    padding-bottom:0px;
    padding-top:0px;
}

Answer 1

它在子菜单中消失，所以只需制作容器的背景#content，黑色

#content {
    float:left;
    margin:0px;
    background:black;
}

Demo

Answer 2

您的代码中有错误。

您的代码

<div id="content">
    <div class="collapsible" id="nav-section1">Canada<span></span>

    </div>
    <div class="container">
        <ul>

应

 <div id="content">
    <div class="container">
        <div class="collapsible" id="nav-section1">Canada<span></span>

        </div>
        <div>
             <ul>