離開懸停時的奇怪外觀下拉

Question

所以當我遇到這個非常惱人的故障時，我正在搞一些下拉菜單。您可以在這裏看到它的動作：https://codepen.io/iAmGuus/pen/NaWWjB 因此，當您將鼠標懸停在關於部分時，您可以看到下拉菜單工作正常，直到取消停留。我相信它與ul.nav-dropdown上的邊距&填充有關。 這是SCSS：

& ul.nav-dropdown { 
    position: absolute; 
    display: block; 
    visibility: visible; 
    list-style-dropdown: none; 
    // padding-left: 0; 
    margin: .5rem 0 0 0; 
    position: absolute; 
    z-index: 10; 
    background-color: #c55050; 
    border-top: 1px solid #c55050; 

    } 

    & li.dropdown-item { 
    background-color: #c55050; 
    // display: block; 
    text-align: center; 
    font-size: 50%; 
    padding: 1rem 0 1rem 0; 
    } 

剩下的代碼可以在我的codepen.io

Answer 1

通過的，而不是做我自己的動畫我只是用jQuery的效果基本show &了slideDown功能解決了這個發現。

$(this).slideUp(); 
$(this).slideDown();