Как сделать простое аккордеон меню?

Question

[an]

<ul>
<li><a href="#">item1</a></li>
<li><a href="#">item2</a>
   <ul>
     <li><a href="#">sitem1</a></li>
     <li><a href="#">sitem2</a></li>
     <li><a href="#">sitem3</a></li>
     <li><a href="#">sitem4</a></li>
  </ul>
</li>
<li><a href="#">item3</a></li>
<li><a href="#">item4</a></li>
</ul>

То есть что бы скрипт не привязываться к определенным классам (а просто задавал к ul скрыть открыть)
просто есть li в них ul (скрыт), по клику ul раскрывается
на codepeen где то был очень простенький вариант, не могу найти
Спасибо

Comments

[dicem]

Я так понимаю, ты хочешь, чтоб все твои ul были по дефолту аккордеонами?
Плохая идея, сразу скажу, лучше так или иначе присваивать либо класс, либо идентификатор, а если ты не хочешь обойтись вобще без js максимально просто, то тебе нужно смотреть в сторону

https://nikitahl.com/native-html-accordion

<details>
    <summary>What is HTML?</summary>
    <p>HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.</p>
</details>
<details>
    <summary>What is CSS?</summary>
    <p>Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML.</p>
</details>
<details>
    <summary>What is JavaScript?</summary>
    <p>JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.</p>
</details>

[Сергей delphinpro]

dicem, что здесь плохого? Сделать обертку и от нее плясать.

<nav class="mainmenu">
  <ul>
    <li><a href="#">item1</a></li>
    <li><a href="#">item2</a>
      <ul>
        <li><a href="#">sitem1</a></li>
        <li><a href="#">sitem2</a></li>
        <li><a href="#">sitem3</a></li>
        <li><a href="#">sitem4</a></li>
      </ul>
    </li>
    <li><a href="#">item3</a></li>
    <li><a href="#">item4</a></li>
  </ul>
</nav>

А вот делать меню на details действительно плохая идея.

[dicem]

Сергей delphinpro, вобще согласен, хз зачем я вобще пример с details привел

Answer 1

[Сергей delphinpro]

https://codepen.io/delphinpro/pen/BEZgwR