Javascript 下拉动画到正常下拉

我有这个下拉列表

这是我的密码：

$function{ $”。单击导航>ul“。切换类别“no-js”； $'。单击nav.js ul'。隐藏； $。单击nav.js。单击函数{ $。单击nav.js ul'。滑动切换200； $'.clicker'.toggleClass'active'； e、 停止传播； }; $document.clickfunction{ 如果“$”，请单击nav.js ul“：可见”{ $'。单击nav.js ul'，this.slideUp； $'.clicker'.removeClass'active'； } }; }; .fa插入符号向下{ 职位：亲属； } 画布下拉列表{ 位置：绝对位置； 左：145px； 顶部：35px； } .dropdown>。下拉菜单{ 显示：无； 位置：绝对位置； 边框：1px实心bdc3c7； 最小宽度：60px； 保证金：0； } .下拉菜单.打开>.下拉菜单{ 显示：内联块； } .单击导航ul{ 位置：相对位置； 显示：内联块； 左边距：-40px } 。单击导航ul li{ 位置：相对位置； 列表样式：无； 光标：指针； } .单击导航ul li ul{ 位置：绝对位置； 左：0； 右：0； } .单击导航ul.单击器{ 位置：相对位置； } .单击导航ul li a{ 显示：块； 颜色：黑色； 文字装饰：无； 左边距：-30px； 利润上限：55px } .单击导航号js ul{ 显示：无； } .单击导航号js:悬停ul{ 显示：块； } .单击导航ul li a{ 过渡：背景色0.2s缓进缓出； -webkit过渡：背景色0.2s易入易出； -moz过渡：背景色0.2s缓进缓出； 显示：块； 填充：8px 10px 8px 0px； 背景：FFF； 颜色：18181d； 文字装饰：无； } .单击导航ul li a：悬停{ 背景：F2F2； 颜色：18181d； } 我

---

它工作正常，但当我点击向下箭头访问它时，它会以一种轻松的方式从顶部和按钮弹出。当我只需要像下拉菜单一样显示时。有没有可能当我单击向下箭头时，下拉菜单只会下降而没有效果？

为什么不简单地将滑动切换动画的持续时间更改为1ms

以下是最新的小提琴：

$function{ $”。单击导航>ul“。切换类别“no-js”； $'。单击nav.js ul'。隐藏； $。单击nav.js。单击函数{ $'。单击nav.js ul'。滑动切换1； $'.clicker'.toggleClass'active'； e、 停止传播； }; $document.clickfunction{ 如果“$”，请单击nav.js ul“：可见”{ $'。单击nav.js ul'，this.slideUp； $'.clicker'.removeClass'active'； } }; }; 。单击导航{边距：100px自动；宽度：200px；} 。单击导航ul{位置：相对；字体重量：900；左侧填充：0} .单击导航ul li{位置：相对；列表样式：无；光标：指针；} 。单击导航ul li{位置：绝对；左：0；右：0；} .单击导航ul.单击器{位置：相对；背景：2284B5；颜色：FFF；} .单击导航ul.单击器：悬停，.单击导航ul.活动{背景：196F9A；} .单击导航img{位置：绝对；顶部：9px；左侧：12px；} 。单击nav ul li a{转换：背景色0.2s缓进缓出；-webkit转换：背景色0.2s缓进缓出； -moz转换：背景色0.2s缓进输出；显示：块；填充：8px 10px 8px 40px；背景：FFF；颜色：333；文本装饰：无；} 。单击导航ulli a:hover{background:f2f2；} /*退路*/ 。单击导航号js ul{显示：无；} 。单击导航号js:hover ul{display:block；}

---

如果使用jQuery中的slideToggle，那么使用jQuery只需添加一个类，然后在CSS中定义一个活动状态，可能会更幸运。顺便说一句，你的代码片段不起作用，所以很难验证你看到的问题。真的对我有用，让我看看real quick@TobyI从网站上获取了这段代码：我只是对其进行了更改，以满足我的需要，但是我不想让它掉下来好吧，现在它停止了滑动，但是有没有办法让它掉下来？像在一条直线上？你是说物品的排列？我已经更新了上面的答案，添加了左边的填充：0；到ul元素。