Jquery 引导CSS转换不工作

由于一些未知的原因，当我尝试向引导下拉列表添加转换时，它将不起作用。但是如果我使用chrome开发者工具，并手动打开/关闭不透明度，它将通过转换

---

您不能将转换与display:none、display:block组合在一起，当显示下拉菜单时，引导使用哪个块

因此，您可以将元素设置为“可见性：隐藏”，并在打开时将其切换为“可见性：可见”

.dropdown .dropdown-menu {
    transition: opacity 0.25s ease;
    opacity: 0;
    display: block;
    visibility: hidden;
}
.dropdown.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
}

---

您不能将转换与display:none、display:block组合在一起，当显示下拉菜单时，引导使用哪个块

因此，您可以将元素设置为“可见性：隐藏”，并在打开时将其切换为“可见性：可见”

.dropdown .dropdown-menu {
    transition: opacity 0.25s ease;
    opacity: 0;
    display: block;
    visibility: hidden;
}
.dropdown.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
}