推送內容javascript內容

Question

如何將我的內容與其他內容相同？好吧，我知道這個問題看起來有點模糊，但我想要做的就是像另一個腳本推動其內容一樣推動我的內容。點擊按鈕時會發生什麼，它會從側面推動內容，導致div收縮。我不太遠，所以也許有人可以提供幫助。這是工作的腳本：

$(function(){ 
    var $trigger = $(".icon-menu-2"); 
    var $menu = $(".c_left"); 

$trigger.toggle(function show() { 
    $menu.animate({ width: 185, marginLeft: 0, display: 'toggle'}, 'slow'); 
    $(".c_right").animate({ marginLeft:185, display:'toggle'}, 'slow'); 
}, function hide() { 
    $menu.animate({ marginLeft: -185, display: 'toggle'}, 'slow'); 
    $(".c_right").animate({ marginLeft:0, display:'toggle'}, 'slow'); 
    }); 
}) 

http://jsfiddle.net/Ndvbn/2/

這是一個需要只是一個小的觸摸，以便它將推內容，就像劇本上測試一下上面的時候做的腳本。下面是該腳本：

var timer; 

$("#slideout").animate({right:'0px', queue: false, duration: "slow"}, function() { 
    timer = setTimeout(function() { 
     $("#slideout").animate({right:'-280px'}, {queue: false, duration: "slow"}) 
    }, 500); 
}); 
$("#clickme2").click(function() { 
    if ($("#slideout").css("right") == "-280px"){ 
     $("#slideout").animate({right:'0px'}, {queue: false, duration: 500}, function() { 
     clearTimeout(timer); 
     }); 
    } else { 
     $("#slideout").animate({right:'-280px'}, {queue: false, duration: 500}, function() { 
     clearTimeout(timer); 
    });} 
}); 

http://jsfiddle.net/5UpHk/4/

任何人都可以張貼代碼，使我的第二個腳本將推動內容向左？

Answer 1

以下腳本會將內容推送到左側。我也對CSS做了一些修改。看看演示和代碼在這裏：http://jsfiddle.net/BdKhW/1/

var timer; 

$("#slideout").animate({width:'275px'}, {queue: false, duration: "slow"}, function() { 
    timer = setTimeout(function() { 
     $("#slideout").animate({width:0}, {queue: false, duration: "slow"}) 
     $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"}) 
    }, 2000); 
}); 
$(".c_left").animate({marginRight:'275px'}, {queue: false, duration: "slow"}) 

$("#clickme2").click(function() { 
    $("#slideout").animate({width:0}, {queue: false, duration: "slow"}) 
    $(".c_left").animate({marginRight:0}, {queue: false, duration: "slow"}) 
});