J'ai un code JS très simple qui ne fait qu'une seule chose, c'est-à-dire activer une classe open
類。問題是,我有4個重復的.clickSlide
元素和.sub_menu
元素,當我點擊其中一個元素觸發(fā)代碼時,所有元素都會得到open
類。只有其中一個關(guān)注的元素應(yīng)該得到open
sur un élément spécifique de la page.
Ma meilleure hypothèse est qu'il manque quelque chose this
dans le JS. Mais je suis ouvert aux solutions à ce problème?!
jQuery(document).ready(function($) { $(".clickSlide").click(function() { $(".sub_menu").toggleClass("open"); }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="ht_course_one"> <ul class="select-menu dropdown"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div> <div class="ht_course_two"> <ul class="select-menu"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div> <div class="ht_course_three"> <ul class="select-menu"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div> <div class="ht_course_four"> <ul class="select-menu"> <li class="clickSlide"> <ul class="sub_menu"> <li></li> </ul> </li> </ul> </div>
Donc la solution (basée sur la réponse d'Anass Kartit) est la suivante?:
jQuery(document).ready(function($) { $(".clickSlide").click(function(){ $(this).children(".sub_menu").toggleClass("open"); }); });