悬停时看起来很奇怪的下拉菜单答案

【问题标题】：Odd looking dropdown when out of hover悬停时看起来很奇怪的下拉菜单
【发布时间】：2017-09-13 19:52:30
【问题描述】：

所以当我遇到这个非常烦人的故障时，我正在处理一些下拉菜单。你可以在这里看到它的实际效果：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中找到

【问题讨论】：

标签： jquery sass dropdown

【解决方案1】：

解决了这个问题，我没有做我自己的动画，而是使用了 jQuery slideUp 和 slideDown 函数。

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

【讨论】：