Css 下拉菜单中的淡入效果

看小提琴

问题：当一个菜单项被点击时，比如说“canada”，菜单就会下拉，我已经在现在可见的部分放置了一个背景。我也在使用淡入效果。然而，我的背景是灰色的，菜单从白色淡出

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

检查一下小提琴，我要找的东西会更有意义

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

---

它在子菜单中淡出，所以只需将容器的背景，

#content

设为黑色即可

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

---

您的代码有错误

您的代码

<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>

加拿大

应该是

<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>

加拿大

这是不正确的，它被正确放置以开始。这也与问题无关，应该放在评论中，谢谢你指出这一点。但是，现在它不会从任何颜色中淡入-只保留我设置的容器背景。怎么解决这个问题？