Проблемы с закрытием мобильного меню с toggleClass

Пытаюсь решить проблему с мобильным меню. Это не сайт, который я создал, поэтому я немного не знаком с кодом разработчика. Я думал, что проблема должна быть достаточно простым решением, но я не могу прибить ее. По сути, когда вы нажимаете кнопку «Главное меню», появляется раскрывающееся меню. Он остается до тех пор, пока вы не нажмете на главное меню во второй раз. В идеале я хотел бы, чтобы меню закрывалось всякий раз, когда нажимается одна из других страниц в меню. Другими словами, щелчок по меню открывает раскрывающееся меню, а затем щелчок «домой» или «о программе» заставит меню исчезнуть.

К сожалению, я не могу предоставить веб-ссылку или фактические файлы. Я попытался создать скрипку, но не смог заставить ее работать. Я немного новичок в этом, поэтому прошу прощения. Если вы не можете мне помочь, я понимаю. Я действительно просто ищу некоторые предложения, чтобы попробовать.

Тем не менее, вот грубый набросок html, с которым я работаю:

<nav role="navigation" class="menu main-menu”>
    <span class="menu-switch">MAIN MENU</span>
    <ul>
        <li>
            <a href=“#home”>Home</a>
        </li>
        <li>
            <a href=“#about”>About</a>
        </li>
        <li>
            <a href=“#contact”>Contact</a>
        </li>
    </ul>
</nav>

Функция toggleClass используется для включения и выключения меню.

$('span.menu-switch' ).click(function(){
    $(this).toggleClass('open');
    });

Класс «открытый» относится к стилям CSS для раскрывающегося списка.

Я попытался применить toggleClass на других разных страницах, например:

$('li a#home' ).click(function(){
    $(this).toggleClass('open');
    });

Мое рассуждение состояло в том, что щелчок toggleClass во второй раз на одной из других ссылок страницы удалит класс «open» и, таким образом, закроет меню. Я пробовал вариации этого, например, играл с разными селекторами, но, похоже, у меня ничего не работает. Пожалуйста, дайте мне знать, если я могу предоставить любую другую полезную информацию. Я ценю любые конструктивные предложения. Большое спасибо за уделенное время.

ПРОБЛЕМА РЕШЕНА. У меня получилось так:

$('li a').on('click', function() {
       $('span.menu-switch').removeClass('open');
    });

person Ben    schedule 02.02.2015    source источник
comment
Проблема решена. У меня получилось так:   -  person Ben    schedule 02.02.2015