Всех с Новым годом!
В общем вот что случилось:
Я решил сделать боковое меню, которое постоянно открыто, но при нажатии на кнопку оно уезжает в блок, а контент расстягивается.
Я написал простенькое решение, но оно не работает..
JS только учусь.. Что я делаю не так?
Ссылка на сайт: клик
JS меню:
Код
$(function() {
$('.bm_o').click(function() {
$(this).hide();
$('.bs_menu').animate({left: '0px'}, "slow");
$('.b_body').animate({padding: '0px 25px'}, "slow");
});
$('.bm_c').click(function() {
$('.bs_menu').animate({left: '-250px'}, "slow");
$('.b_body').animate({padding-left: '0px 25px 0px 275px'}, "slow");
$('.bm_o').css('display', 'block');
});
});
Вкратце расскажу как должно это выглядеть:
В открытом состояние меню(.bs_menu) имеет свойства width: 250px; left: 0; (Грубо говоря), а контент(.b_body) имеет width: 100%; padding: 0 25px 0 275px;
Когда нажимаешь на кнопку закрытия меню(.bm_c) к меню(.bs_menu) применяется следующие свойства left: -250px;, а к контенту(.b_body) эти padding: 0 25px;
При этом я хотел сделать всё анимированно, по-этому и применял свойство .animate в JS..
Но как Вы можете заметить, никакие действия не происходят вообще..
Как заставить работать данный говно-код?
