Question

现在使用slideToggle时，我的div将从上到下展开如果我使用toggle，则会从右上角到左下角展开。

我想要做的是在切换时从右到左让我的div 幻灯片，并且能够正确地应用效果和持续时间。

我已经完成了我的研究并查阅了这些手册，但我读到toggle函数自1.7以来已被弃用（但是当它与JQuery 3.1.1一起使用时它仍然有效）并且大多数例子都是使用切换而不是slideToggle。我觉得我很困惑......

从右到右制作slideToggle的正确方法是什么离开了，效果和持续时间？
为什么toggle在我阅读时仍然有效，然后被弃用了在1.8？

现在我只是使用JQuery 3.1.1缩小版的cdn，我还需要其他东西吗？
我的div的位置设置为absolute和right: 0。

$("#nav").click(function(event){
    $("#menu").slideToggle(600);
});

Answer 1

使用.animate(width:'toggle')。这个版本的toggle()在1.8上已弃用，在1.9上删除了

将两个或多个处理程序绑定到匹配的元素，以便在备用点击中执行

有关详细信息，请参阅https://api.jquery.com/toggle-event/。

<强>段

$("#nav").click(function(event) {
  $('#menu').animate({
    width: 'toggle'
  }, 250);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='nav'>TOGGLE</button>
<aside id='menu'>
  <ol>
    <li>ITEM</li>
    <li>ITEM</li>
    <li>ITEM</li>
  </ol>
</aside>

使用凹凸效果从右向左滑动Div

1 个答案: