Mi javascript de repente dejó de funcionar y no estoy seguro de por qué. Tengo un código que tiene un texto de título en el que se puede hacer clic, que luego revela otro texto debajo. ¿Podrían echar un vistazo y decirme qué pasó? Aquí hay una versión simplificada del código:
$(document).ready(function(){ $("#locations li span").click(function (e) { if($(this).parent().hasClass('show-dropdown') ) { $(this).parent().removeClass('show-dropdown'); } else { $("#locations li").removeClass('show-dropdown'); $(this).parent().addClass('show-dropdown'); } }); }); #locations .title:hover { cursor: pointer; } li .appear { visibility: hidden; opacity: 0; } .show-dropdown .appear { visibility: visible; opacity: 100%; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="locations"> <li> <span class="title">Title 1</span> <div class="appear"> Dropdown 1 </div> </li> <li> <span class="title">Title 2</span> <div class="appear"> Dropdown 2 </div> </li> </ul>