Saya cuba mencipta menu lungsur jQuery untuk paparan mudah alih. Saya baru menggunakan jQuery dan saya menggunakan Togol untuk menyembunyikan dan menunjukkan submenu. Masalah saya ialah apabila saya mengklik pada item menu, submenu lain tidak ditutup secara automatik. Sebagai contoh, jika saya klik pada menutwo, saya mahu menuone ditutup secara automatik. Bagaimana saya boleh melakukan ini? tolong bantu.
jQuery(document).ready(function($) { $(".menuone").click(function() { $(".submenuone").toggle(200); }); $(".menutwo").click(function() { $(".submenutwo").toggle(200); }); $(".menuthree").click(function() { $(".submenuthree").toggle(200); }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="menu-menu" class="menu dropdown-menu"> <li class="menuone"><a href="#">关于我们</a> <ul class="submenuone"> <li>公司概况</a> </li> </ul> </li> <li class="menutwo"><a href="#">解决方案</a> <ul class="submenutwo"> <li>应收账款融资和催收</li> <li>工人补偿融资></li> </ul> </li> <li class="menuthree"><a href="#">提供者类型</a> <ul class="submenuthree"> <li>医生</a> </li> <li>药房</a> </li> </ul> </li> </ul>
Berjaya akhirnya.
Ini jawapan saya
Saya akan menggunakan delegasi acara dan mencari UL lain dan menutupnya.