Menú alternar con jQuery
-
18-09-2019 - |
Pregunta
Tengo un poco de HTML como la siguiente:
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
<ul>
<li><a href="#">Page 2-1</a></li>
<li><a href="#">Page 2-2</a></li>
<li><a href="#">Page 2-3</a></li>
<li><a href="#">Page 2-4</a></li>
</ul>
</li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
</ul>
Y le gustaría que cuando se hace clic en la una con la 'alternar' clase del ul será activar y desactivar. Soy bastante decente con jQuery cosas básicas, pero no tienen idea real de por dónde empezar con este! Cualquier enfoques alternativos que logran el mismo resultado sería bienvenida también.
Solución
Con ese margen, esto funcionaría:
$('.toggle').click(function(){
$(this).siblings('ul').toggle();
});
Otros consejos
Salida de la función jQuery palanca, http://docs.jquery.com/Effects/toggle
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow