javascript - jQuery SlideOut 函数从右到左

Question

我正在尝试通过更改“从左到右”的代码，在 jQuery 中从右侧滑出功能，但它无法正常运行...请给我正确的修改方向...

http://jsfiddle.net/egUHv/

目前我正在使用这段代码...

$(function() {
    $('#nav').stop().animate({'marginRight':'-100px'},1000);

    function toggleDivs() {
       var $inner = $("#nav");
       if ($inner.position().right == "-100px") {
           $inner.animate({right: 0});
           $(".nav-btn").html('<img src="images/slide-out.png" alt="open" />')
       }
       else {
           $inner.animate({right: "100px"}); 
           $(".nav-btn").html('<img src="images/slide-out.png" alt="close" />')
       }
    }
    $(".nav-btn").bind("click", function(){
        toggleDivs();
    });

});

Answer 1

看看这个链接会有用http://www.learningjquery.com/2009/02/slide-elements-in-different-directions

或者使用这个

$("div").click(function () {
          $(this).show("slide", { direction: "left" }, 1000);
    });

引用:http://docs.jquery.com/UI/Effects/Slide