@aleks767

Почему не работает код js?

Всем привет) не так давно я пытаюсь верстать сайты, есть макет с выезжающим rightside_menu и соответствующей версткой, но при нажатии на кнопку ничего не работает.
<button class="header__btn">
                        <img class="icon__menu" src="images/icon_menu.svg">
                    </button>
                </div>
            </div>
        </header>
        
            <div class="rightside rightside--close">
            <div class="rightside__item">
                <button class="rightside__btn">
                    <img src="images/Path.svg" alt="" class="rightside__close-img">
                </button>
            </div>
            <div class="rightside__content">
                <a href="" class="rightside__link"><img src="images/logo-side.png" alt="" class="rightside__logo"></a>
                <h4 class="rightside__title">Furniture for life</h4>
                <p class="rightside__text">Sustainable hot chicken skateboard, dreamcatcher meggings actually squid. Slow-carb everyday carry +1 art party microdosing, put a bird on it brooklyn</p>
                <img class="rightside__content-img" src="images/Rectangle.jpg" alt="">
            </div>
        </div>


.rightside{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    max-width: 698px;
    width: 100%;
    &.rightside--close{
        transform: translateX(100%);
    }


(function () {
    $('.header__btn').on('click', function(){
        $('.rightside').removeClass('rightside--close')
    });
    $('.rightside').on('click', function(){
        $('.rightside__close').addClass('rightside--close')
    });
})
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ответы на вопрос 2
Shev_Art_V
@Shev_Art_V
Занимаюсь разработкой сайтов на Modx Revolution
(function () {
    $('.header__btn').on('click', function(){
        $('.rightside').removeClass('rightside--close')
    });
    $('.rightside').on('click', function(){
        $('.rightside__close').addClass('rightside--close')
    });
})();
Ответ написан
ThunderCat
@ThunderCat
{PHP, MySql, HTML, JS, CSS} developer
Тупо промахнулся при копировании, забыл $
$( function() {...});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы