Change hover to onclick on menu

Đã có trọn bộ đề thi thử THPT Quốc Gia 2022 các môn: vip.dethihsg247.com

I’ve got a local website on WP using DIVI where a header menu got some “menu-item-has-children”.

In way to view these sub-menu, I just have to hover on it and when mouseout the sub-menu disappear.

My problem there is that I want these latter sub-menu to open only when I click on it + I want them to stay opened until I click a second time on it to close it.

I’ve gone throught most of StackOverflow threads but couldn’t find a way. The closest code I found is this one ;

What this code does to my local website :
– When I click on menu “A”, it opens, but doesn’t stay open because when I mouseout, it closes
– When I clicked on the menu “A”, and for e.g want to click on the “B” one, there is a issue where the “A” gets back to “hover” whereas all others are still on “onclick”

I’m pretty lost, if you guys don’t want to give me codes, it’s okay, just some explanation would be enough

Thanks in advance,

Xin chào các bạn và quý Thầy Cô. Hãy nhập từ khóa mình muốn vào ô tìm kiếm trên Website để tìm kiếm mọi thứ hoặc trên google các bạn hãy nhập từ khóa + dethihsg247.com để tìm kiếm các bài viết của chúng tôi nhé.
  • Hiện tại chúng tôi có hơn 25 nghìn bài văn mẫu các thể loại.
  • Kho tài liệu, đề thi học sinh giỏi các lớp vô cùng phong phú.
  • Mỗi ngày cập nhật hơn 100 đề thi chất lượng từ các website bán tài liệu lớn.

Tải đề thi VIP với giá siêu rẻ tại Vip.Dethihsg247.Com