Здравствуйте. Есть следующая проблема.
На сайте есть кнопка при нажатии на которую открываются/выпадают еще фильтры. Проблема в том, что при выпадании смещается не только нужная колонка для этих фильтров, а весь сайт. На фото представлены скрины до и после нажатия кнопки.
http://www.imageup.ru/img279/2150780/1.jpg.html
http://www.imageup.ru/img279/2150781/2.jpg.html
Нужно что бы правый блок со всеми элементами не двигался.
Помогите пожалуйста.
Вот код.
if( $('.j-fav-slider').length ){
var fav_slider = $('.j-fav-slider').bxSlider({
slideWidth: 370,
minSlides: 3,
moveSlides: 1,
maxSlides: 3,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
$(window).resize(function(){
if($(window).width() < 900 && $(window).width() > 500){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 2,
moveSlides: 1,
maxSlides: 2,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
}else if($(window).width() > 900){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 3,
moveSlides: 1,
maxSlides: 3,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
}else if($(window).width() < 500){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 1,
moveSlides: 1,
maxSlides: 1,
pager: false,
//adaptiveHeight: true,
slideMargin: 0
});
}else if($(window).width() > 500 && $(window).width() < 900){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 2,
moveSlides: 1,
maxSlides: 2,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
}
});
if($(window).width() < 900 && $(window).width() > 500){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 2,
moveSlides: 1,
maxSlides: 2,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
}else if($(window).width() > 900){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 3,
moveSlides: 1,
maxSlides: 3,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
}else if($(window).width() < 500){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 1,
moveSlides: 1,
maxSlides: 1,
pager: false,
//adaptiveHeight: true,
slideMargin: 0
});
}else if($(window).width() > 500 && $(window).width() < 900){
fav_slider.reloadSlider({
slideWidth: 370,
minSlides: 2,
moveSlides: 1,
maxSlides: 2,
pager: false,
//adaptiveHeight: true,
slideMargin: 14
});
}
}