Форум

webgrig · #1 (**permalink**) 20.01.2016, 14:38

Доброе время суток всем.

Написал простенький скрипт выпадающего меню.
Теперь стоит задача как закрыть это меню при клике в любой части страницы, но не включая сам блок выпадающего меню.

Не понятно какой селектор указать в обработчике.

Пробую $("html body"), тогда меню закрывается в любой точке страницы, даже если я кликаю в область самого меню.

Пробую $("html body, :not(.leftLink .locationMenu *)"), то же самое - меню закрывается даже если кликнуть в его область.

Но мне нужно, что бы оно закрывалось при клике в любой области страницы, кроме кроме области самого меню $(".leftLink .locationMenu")

Подскажите пожалуйста как решить задачу.

Decode · #2 (**permalink**) 20.01.2016, 15:52

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
      ul li {
        cursor: pointer;
      }
      
      div {
        display: none;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>Item
        <div class="hide">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime expedita ullam, labore sunt quidem ducimus! Quisquam quas autem at odit eum. Hic nostrum, sint quibusdam doloribus voluptate cumque veritatis temporibus.</div>
      </li>
    </ul>

    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <script>
      $('ul').on('click', 'li', function() {
        $('div').show();
      });

      $(document).click(function(event) {
        if (event.target.tagName == 'LI' || 
            event.target.tagName == 'DIV') return;

        $('div').hide();
      });
    </script>
  </body>
</html>

рони · #3 (**permalink**) 20.01.2016, 15:55

webgrig,
строки 104 - 107 медитируйте
боковое выдвижное меню - исчезание

webgrig · #4 (**permalink**) 20.01.2016, 17:03

Сообщение от рони

webgrig,
строки 104 - 107 медитируйте
боковое выдвижное меню - исчезание

Спасибо это то что нужно!

Форум

Справочник

Discord чат

Курсы javascript