Страница 1 из 11
Форум » uCoz » Помощь по uCoz » Не работующий JS
Не работующий JS
CbIPoK Offline
Проверенный
37
Дата: Пятница, 01.01.2016, 16:12 | Сообщение # 1
Всех с Новым годом!

В общем вот что случилось:
Я решил сделать боковое меню, которое постоянно открыто, но при нажатии на кнопку оно уезжает в блок, а контент расстягивается.
Я написал простенькое решение, но оно не работает..
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..

Но как Вы можете заметить, никакие действия не происходят вообще..

Как заставить работать данный говно-код?


Помог? Ставь + в репутацию! :3
Профиль
Вовчик Offline
Проверенный
26
Дата: Пятница, 01.01.2016, 19:18 | Сообщение # 2
С Новым годом, сходи лучше на ёлку, зачем тебе этот говно-код XD))

У тебя в коде ошибок много, я бы сказал но не хочу говорить тут XD))


гуляю на Webo4ka.Ru:)
Профиль
Durik921 Offline
Проверенный
3
Дата: Суббота, 02.01.2016, 08:28 | Сообщение # 3
(Не рекламма, даже сайт не мой :D)http://kanavas.at.ua/blog/bokovoe_menju_kak_na_youtube_dlja_ucoz/2015-07-25-123 Вот проще будет,

www.la-music.do.am - Музыкальный портал, требуется команда сайта...
Профиль
Форум » uCoz » Помощь по uCoz » Не работующий JS
Страница 1 из 11
Поиск: