ホバリング時に奇妙なドロップダウンを表示

Question

私はこの非常に迷惑なグリッチになったときに私はいくつかのドロップダウンで悩んでいた。 https://codepen.io/iAmGuus/pen/NaWWjB Aboutセクションにカーソルを合わせると、ドロップダウンが解けなくなるまでうまく機能することがわかります。私はそれが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; 
    } 

残りのコードは

Answer 1

ではなく、私はjQueryのslideUp & slideDown関数を使用し、自分のアニメーションを行うことによって、これを修正し、私のcodepen.ioで見つけることができます。

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