试图重写代码的JavaScript

Question

嘿，我正在尝试重写此代码，但是它只能部分工作，该代码假定是在移动内容div的同时移动该框。 内容div .c_right仅移动，而.icon-menu-2不移动。 如何解决此代码？ 这是代码：

var timer;

$(".icon-menu-2").animate({marginRight: "30px", queue: false, duration: "slow", display: "toggle"});
$(".c_right").animate({marginRight: "215px", queue: false, duration: "slow", display: "toggle"}
, function () {
    timer = setTimeout(function () {
$(".icon-menu-2").animate({marginRight: "-155px", queue: false, duration: "slow", display: "toggle"});      
$(".c_right").animate({marginRight: "215px", display: "toggle"}, {queue: false, duration: "slow"})
    }, 500);
});

http://jsfiddle.net/5b5zH/3/

如何修复我的代码？

Answer 1

var timer;

$(".icon-menu-2").animate({marginRight: "30px", queue: false, duration: "slow", display: "toggle"});
$(".c_right").animate({marginRight: "215px", queue: false, duration: "slow", display: "toggle"}
, function () {
    timer = setTimeout(function () {
    $(".c_right").animate({marginRight: "215px", display: "toggle", 'padding-right':$(".c_left").width()}, {queue: false, duration: "slow"}, 500);

$(".icon-menu-2").animate({marginRight: "-155px", queue: false, duration: "slow", display: "toggle"});   
        $(".c_left").animate({marginRight: "215px", display: "toggle"}, {queue: false, duration: "slow"})
    }, 500); 

});

这对您有用吗？ 不知道你想要什么

http://jsfiddle.net/7mFGx/