Question

我已经实现了tree-view导航栏。现在，我正在尝试单击菜单列表时，它会慢慢向下滑动。但是我尝试过的代码无法正常工作。我该怎么办？

我在下面提到了我尝试过的代码->

<ul>
  <div class="cls2">
    <li>
      <ul class="nested nav nav-pills flex-column tog">
        <li class="nav-item">
          <a>lable</a>
        </li>
      </ul>
    </li>
  </div>
</ul>

Answer 1

只需向使用CSS滑动的元素添加过渡

transition: all 0.3s; // example

Answer 2

可以使用next()来获取正确的body元素。然后像这样slideToggle()：

$(".treeparent").click(function () {
  $(this).next('.tog').slideToggle();
});

Answer 3

$('.nav-item').on('show.bs.dropdown', function(e){
  $(this).find('.tog').first().stop(true, true).slideDown('fast');
});

$('.nav-item').on('hide.bs.dropdown', function(e){
  $(this).find('.tog').first().stop(true, true).slideUp('fast');
});

快速向下滑动是参数，或者您可以使用慢速

导航栏菜单缓慢向下滑动

3 个答案: