Слайд Div справа налево с эффектом рельефа

Question

Прямо сейчас, используя slideToggle, мой div будет развернуть сверху вниз.
Если я использую toggle, он будет развернуть сверху справа налево.

Что бы я хотел сделать, это сделать мой div слайд справа налево, когда он переключен и сможет правильно применить эффект и длительность его.

Я провел свои исследования и посоветовался с руководствами, но я прочитал, что функция toggle устарела с 1,7 (но она все еще работает, когда я использую ее с JQuery 3.1.1?), И большинство примеров устанавливаются с помощью переключателя вместо slideToggle. Я думаю, что я очень смущен ...

• Что такое правильный способ сделать slideToggle справа слева, с эффектом и длительностью?
• Почему toggle все еще работает, когда прочитал, он устарел, а затем удален в 1.8?

Сейчас я просто использую cdn миниатюрной версии JQuery 3.1.1, мне нужно что-то еще?
Положение моего div установлено на absolute и right: 0.

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

Answer 1

.animate(width:'toggle'). Это такой вариант toggle(), который не рекомендуется использовать на 1,8 и удалены на 1,9:

Bind два или более обработчиков для соответствующих элементов, которые будут выполняться по альтернативному мыши

См https://api.jquery.com/toggle-event/ подробности.

SNIPPET

$("#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>