引导导航栏中的转换

Question

我在引导程序中有一个导航栏

<nav class="navbar navbar-default" role="navigation" id="barranav">

我尝试用 jquery 显示和隐藏它

$( "#barranav" ).slideDown('fast');

和

$( "#barranav" ).slideUp('fast');

而且它有效！但是没有任何过渡效果……知道为什么会发生这种情况吗？

非常感谢

Answer 1

尝试在您的自定义 css 中添加一个过渡 css 属性：

#barranav { transition: all 0.5s ease; }