Push content Содержимое 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"}) 
});