Css 是否可以更改切换开关上的转换速度？

我有一个下拉菜单，带有以下css：

transition: height 2s;

单击菜单/汉堡包图标时，下拉菜单将打开，过渡工作非常出色。但是，如果再次单击菜单/汉堡图标以关闭下拉列表（关闭），我希望转换为即时

0s

。是否可以仅使用CSS（而不使用复杂的动画）更改切换关闭的速度

菜单






#拨动{
显示：无；
}
#切换~标签{
显示：内联块；
光标：指针；
浮动：对；
字号：2.1rem；
线高：7.1rem；
}
导航{
身高：0；
位置：绝对位置；
背景色：rgb（0171160）；
顶部：7.2rem；
左：0；
右：0；
z指数：102；
文本对齐：居中；
字体大小：4.8rem；
线高：1.75em；
过渡：高度2s；
溢出：隐藏；
}
#切换：选中~nav{
身高：100%；
}

您需要定义以下两种转换：

#切换{
显示：无；
}
#切换~标签{
显示：内联块；
光标：指针；
浮动：对；
字号：2.1rem；
线高：7.1rem；
}
导航{
身高：0；
位置：绝对位置；
背景色：rgb（0171160）；
顶部：7.2rem；
左：0；
右：0；
z指数：102；
文本对齐：居中；
字体大小：4.8rem；
线高：1.75em；
转换：高度0s；/*此转换*/
溢出：隐藏；
}
#切换：选中~nav{
身高：100%；
过渡：高度2s；/*此一个*/
}

菜单

您需要定义以下两种转换：

#切换{
显示：无；
}
#切换~标签{
显示：内联块；
光标：指针；
浮动：对；
字号：2.1rem；
线高：7.1rem；
}
导航{
身高：0；
位置：绝对位置；
背景色：rgb（0171160）；
顶部：7.2rem；
左：0；
右：0；
z指数：102；
文本对齐：居中；
字体大小：4.8rem；
线高：1.75em；
转换：高度0s；/*此转换*/
溢出：隐藏；
}
#切换：选中~nav{
身高：100%；
过渡：高度2s；/*此一个*/
}

菜单

<input type="checkbox" id="toggle">
<label for="toggle">Menu</label>
<nav>
    <ul>
        <li><a href="work.html">Work</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>   
</nav>





#toggle {
    display: none;
    }

#toggle ~ label {
    display: inline-block;
    cursor: pointer;
    float:right;
    font-size:2.1rem;
    line-height:7.1rem;
    }

nav {
    height:0;
    position:absolute;
    background-color:rgb(0,171,160);
    top:7.2rem;
    left:0;
    right:0;
    z-index:102;
    text-align:center;
    font-size:4.8rem;
    line-height:1.75em;
    transition: height 2s;
    overflow:hidden;
    }

#toggle:checked ~ nav {
    height: 100%;
    }