Question

我有下拉动画的问题。我找到了一个很好的工作代码，但它适用于悬停事件。现在，我需要一些帮助来发布有关“on click”事件的代码。这是我的代码API-MS-WIN-CORE-WINRT-ERROR-L1-1-0.DLL API-MS-WIN-CORE-WINRT-L1-1-0.DLL API-MS-WIN-CORE-WINRT-ROBUFFER-L1-1-0.DLL API-MS-WIN-CORE-WINRT-STRING-L1-1-0.DLL。

代码：

https://jsfiddle.net/pLrLLgoj/206/

Answer 1

检查 I modified your fiddle

我已删除了JS，只更改了CSS以点击

下拉列表

.dropdown-menu {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    transform: rotateX(90deg);
    transform-origin: top;
    opacity: 0;
    display: block;
    width: 100%;
    border: none;
}
.open .dropdown-menu {
    opacity: 1;
    transform: rotateX(0deg);
    transform-origin: top;
    width: 100%;
    border: none;
}

Bootstrap菜单在点击时下拉动画

1 个答案: