javascript - jQueryはアニメーションを残しました

Question

私はこの構造を持っています：

HTML：

<div id="side-menu">
  <ul>
    <li><img src="img/once_sonra.png" alt="img1"></li>
    <li><img src="img/online_destek.png"alt="img2"></li>
    <li><img src="img/sizi_arayalim.png"alt="img3"></li>
  </ul>
</div>​

CSS：

#side-menu {
    display:block;
    z-index:20;
    position:fixed;
    right:0;
    top:76px;
}​

JS：

$(document).ready(function() {
    $("#side-menu").hide();
    //$(document).click(function() {
        $("#side-menu").slideDown().delay(500).slideUp();
    //});
});

すべてが機能しています。しかし、スライド効果は必要ありません。アニメーションを左に配置します。

これどうやってするの？

Answer 1

.animate()を使用できます。例えば：

$('#myElement').animate({left:'+=30px'});

詳細については:

http://api.jquery.com/animate/

Answer 2

使用して.animate

デモ

トグル左のデモ

$("#side-menu").animate({"left": "-=50px"}, "slow")

or

var $lefty = $('#side-menu');
$lefty.animate({
  left: parseInt($lefty.css('left'),10) == 0 ?
    -$lefty.outerWidth() :
    0
});