Раскрывающееся меню на чистом js

179

01 апреля 2018, 21:49

Можно ли на чистом js сделать меню (ну или что-то подобное), что будет раскрываться при щелчке по элементу и закрываться, при щелчке по любому элементу body?

Answer 1

Попробуйте сделать с помощью accordion.

$(document).ready(function() { 
  $("#accordion").accordion(); 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<section id="accordion"> 
  <h3>jQuery Game Development Essentials by Salim Arsever</h3> 
  <section> 
    <p> 
      Written as a concise yet practical guide with an explicit focus on.... 
    </p> 
  </section> 
 
  <h3>jQuery Mobile Cookbook by Salim Arsever</h3> 
  <section> 
    <p> 
      Over 80 recipes with examples a..... 
    </p> 
  </section> 
</section>