Estoy tratando de agregar la función de alternar a cada li. Mi problema es que si hago clic en el menú 1, mi clase se agrega a todas las listas. Lo intenté pero no puedo agregar la lista actual. ¿Alguien puede ayudarme?
<li> <div class="menucontainer"> <div class="expandli">Menu 1 <i class="fa fa-arrow-circle-left"></i></div> <div class="expandlist"> <ul> <li>Home</li> <li></li> </ul> </div> </div> </li> <li> <div class="menucontainer"> <div class="expandli">Menu 2 <i class="fa fa-arrow-circle-left"></i></div> <div class="expandlist"> <ul> <li>About</li> <li></li> </ul> </div> </div> </li>JQuery
$('.menucontainer').click(function(){ $(this).find('.expandlist').toggle(function () { $('.menucontainer').toggleClass("my"); $(".fa-arrow-circle-left").toggleClass("fa-arrow-circle-right"); }); });