За последние 24 часа нас посетили 22940 программистов и 1227 роботов. Сейчас ищут 717 программистов ...

Скрывать выплывающую область при нажатии на любую кнопку внутри неё

Тема в разделе "JavaScript и AJAX", создана пользователем Altos, 27 мар 2019.

  1. Altos

    Altos Новичок

    С нами с:
    10 ноя 2018
    Сообщения:
    13
    Симпатии:
    0
    Есть меню спрятанное под "бургер". Внутри button'ы которые открываю определённый слайд. Подскажите как сделать так, чтобы при нажатии на любую кнопку (внутри области) область скрывалась.
    HTML:
    1. <button class="Menu_Button" id="menu_Button" type="button">Меню</button>
    2. <a class="Menu_Logo" href="#"></a>
    3. <div class="Menu_List" id="menu_List">
    4. <ul>
    5. <?php
    6. while ($arSection = $rsSections->Fetch()) {
    7.        if ($arSection["ELEMENT_CNT"] !== "0"):
    8.         ?>
    9.  
    10.         <li id="<?=$arSection['ID']?>" class="Menu_List_Item">
    11.           <a href="/rkeeper/<?=$arSection["CODE"]?>/">
    12.                 <?=$arSection["NAME"]?>
    13.             </a>
    14.         </li>
    15.       <?php endif;
    16.     } ?>
    17. </ul>
    18.     <!-- #secondary-navigation -->
    19. </div>
    Код (Javascript):
    1. $(function() {
    2.   var slider = new Swiper('.swiper-container', {
    3.     direction: 'horizontal',
    4.     loop: false,
    5.     navigation: {
    6.       nextEl: '.swiper-button-next',
    7.       prevEl: '.swiper-button-prev'
    8.     }
    9.   });
    10.  
    11.   var menuList = $('#menu_List');
    12.  
    13.   $('#menu_Button').on('click', function() {
    14.     menuList.slideToggle(200);
    15.   });
    16.  
    17.   $('#slider').on('click', function() {
    18.     menuList.slideUp(200);
    19.   });
    20.  
    21.   $('button[data-slide]').click(function(event) {
    22.     var slideIndex = $(event.target).data('slide');
    23.     slider.slideTo(parseInt(slideIndex, 10));
    24.   });
    25.  
    26. });
    --- Добавлено ---
    Можно скрывать так-же при нажатии внутри области
     
  2. username1

    username1 Новичок

    С нами с:
    23 янв 2019
    Сообщения:
    33
    Симпатии:
    2
    Код (Javascript):
    1. $("селектор области селектор кнопки").each(function(index,value){
    2. $(value).on('click', function() {
    3.    скрытие области
    4.   });
    5. });
     
  3. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    Делегирование событий.