Как закрыть меню при нажатии на ссылку?

111

27 ноября 2019, 21:00

Не получается сделать функцию закрытие меню по нажатии на ссылку. Для открытия и закрытия по кнопке использую следующий код:

$(".mobileMenuHeading").on("click", function() { 
  $(this).next(".sectionMenu").slideToggle("fast", function() { 
    $(this).prev().html($(this).is(":visible") ? "Скрыть" : "Меню"); 
  }); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="mobileMenuHeading">Меню</div> 
<ul class="sectionMenu"> 
  <li><a href="#cost"><span>Цены</span></a></li> 
</ul>

Answer 1

$(".mobileMenuHeading").on("click", function() { 
  $(this).next(".sectionMenu").slideToggle("fast", function() { 
    $(this).prev().html($(this).is(":visible") ? "Скрыть" : "Меню"); 
  }); 
}); 
$(".sectionMenu a").click(function(e) { 
  $(".mobileMenuHeading").click(); 
}); 
$(".mobileMenuHeading").click();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="mobileMenuHeading">Меню</div> 
<ul class="sectionMenu"> 
  <li><a href="#cost"><span>Цены</span></a></li> 
</ul>