Показать сообщение отдельно
  #1 (permalink)  
Старый 07.12.2016, 10:25
Аватар для zpank
Интересующийся
Отправить личное сообщение для zpank Посмотреть профиль Найти все сообщения от zpank
 
Регистрация: 25.11.2015
Сообщений: 13

Сдвиг контента при открытии меню. 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');
});

и за что они отвечают?
Ответить с цитированием