Сдвиг контента при открытии меню. Jquery
 

Здравствуйте, у меня на сайте выдвижное меню на jquery я бы хотел что-бы при открытии меню header сдвигался вправо. вот код меню

$(document).ready(function(){
$('#content_sidebar').html(data_sidebar); // data_sidebar это переменная с разметкой меню
$('#open_sidebar_mobil').click(function(){
if($('#content_sidebar').css('left') != 0){
$('#content_sidebar').animate({left: 0}, 200);
$('#lock_sidebar_mobil').fadeIn();
}
else {
$('#content_sidebar').animate({left: '-80%'}, 200);
$('#lock_sidebar_mobil').fadeOut();
}
});
$('#lock_sidebar_mobil').click(function(){
$('#content_sidebar').animate({left: '-80%'}, 200);
$('#lock_sidebar_mobil').fadeOut();
});
$('.main .content').css('min-height', $(window).height()-150 +'px');
$(window).resize(function(){
$('.main .content').css('min-height', $(window).height()-150 +'px');
});
});

хедер находится в див классе .header
Помогите пожалуйста, сам я еще только учусь и толком не могу разобратся.
И еще вопрос, что это за строки

$('.main .content').css('min-height', $(window).height()-150 +'px');
$(window).resize(function(){
$('.main .content').css('min-height', $(window).height()-150 +'px');
});

и за что они отвечают?

Похоже ответа я не дождусь)):lol:

Тема закрыта.