código para menu desplegable backup

				
					<script>
  // Función para mostrar u ocultar la lista de platillos
  function toggleMenu(sectionId) {
    var section = document.getElementById(sectionId);
    if (section.style.display === "none") {
      section.style.display = "block";
    } else {
      section.style.display = "none";
    }
  }
</script>

<!--codigo de ejemplo -->
<div class="menu-section">
  <!-- Cambiamos la clase menu-subt por menu-section -->
  <h2 class="menu-subt" onclick="toggleMenu('louie_louie_specials')">Louie Louie Specials</h2>
  <!-- Agregamos onclick="toggleMenu('louie_louie_specials')" al h2 -->
  <ul id="louie_louie_specials" style="display: none;">
    <!-- Agregamos un ul para hacer el menú desplegable -->
    <li style="list-style-type: none;">
      <h4><a class="wplightbox" href="https://www.onlineproz.com/louie/wp-content/uploads/2024/01/gfr-roll.jpeg">Good as Fuck Roll* <span class="precios">$17.00</span></a></h4>
      (Soft Shell Crab, Avocado, topped with Spicy Tuna, Fresh Yellowtail, and Jalapeños)
    </li>
       <!-- Repite este patrón para los demás platillos -->
  </ul>
</div>

<!-- Sección: Appetizers -->
<h2 class="menu-subt" onclick="toggleMenu('appetizers')">Appetizers</h2>
<ul id="appetizers" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Appetizers -->
</ul>

<!-- Sección: Soups and Salads -->
<h2 class="menu-subt" onclick="toggleMenu('soups_and_salads')">Soups and Salads</h2>
<ul id="soups_and_salads" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Soups and Salads -->
</ul>

<!-- Sección: Nigiri -->
<h2 class="menu-subt" onclick="toggleMenu('nigiri')">Nigiri</h2>
<ul id="nigiri" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Nigiri -->
</ul>

<!-- Sección: Sashimi -->
<h2 class="menu-subt" onclick="toggleMenu('sashimi')">Sashimi</h2>
<ul id="sashimi" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Sashimi -->
</ul>

<!-- Sección: Louie Louie Specials -->
<h2 class="menu-subt" onclick="toggleMenu('louie_louie_specials')">Louie Louie Specials</h2>
<ul id="louie_louie_specials" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Louie Louie Specials -->
</ul>

<!-- Sección: Special Roll -->
<h2 class="menu-subt" onclick="toggleMenu('special_roll')">Special Roll</h2>
<ul id="special_roll" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Special Roll -->
</ul>

<!-- Sección: Classic Sushi Roll -->
<h2 class="menu-subt" onclick="toggleMenu('classic_sushi_roll')">Classic Sushi Roll</h2>
<ul id="classic_sushi_roll" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Classic Sushi Roll -->
</ul>

<!-- Sección: Hibachi Entree -->
<h2 class="menu-subt" onclick="toggleMenu('hibachi_entree')">Hibachi Entree</h2>
<ul id="hibachi_entree" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Hibachi Entree -->
</ul>

<!-- Sección: Combos -->
<h2 class="menu-subt" onclick="toggleMenu('combos')">Combos</h2>
<ul id="combos" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Combos -->
</ul>

<!-- Sección: Trio Hibachi -->
<h2 class="menu-subt" onclick="toggleMenu('trio_hibachi')">Trio Hibachi</h2>
<ul id="trio_hibachi" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Trio Hibachi -->
</ul>

<!-- Sección: Desserts -->
<h2 class="menu-subt" onclick="toggleMenu('desserts')">Desserts</h2>
<ul id="desserts" style="display: none;"> 
  <!-- Aquí van los elementos de la sección Desserts -->
</ul>