Response title
This is preview!
Help finish the script menu
in Using jQuery
•
10 years ago
html:
<ul class="menu"> <li><a href="#">My Account</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#dashboard" >Dashboard</a> <ul class="sub-menu"> <li><a href="#">Главная 2</a></li> <li><a href="#dashboard" >Dashboard</a></li> </ul> </li> <li><a href="#signout">Sign Out</a></li> </ul>
Script:
$(document).ready(function() { $('ul li').has('ul').addClass('include'); $(".include").click(function() { var X = $(this).attr('id'); if(X == 1) { $(".sub-menu").hide(); $(this).attr('id', '0'); } else { $(".sub-menu").show(); $(this).attr('id', '1'); } }); //Mouseup textarea false $(".sub-menu").mouseup(function() { return false }); $(".include").mouseup(function() { return false }); //Textarea without editing. $(document).mouseup(function() { $(".sub-menu").hide(); $(".include").attr('id', ''); }); });As is now open:
Assigns li element that has a level ul, class styles.
Defines an element to add a class and evaluates the id of the element.
By clicking on an element, it is set id = 1, which means that it is displayed.
Pressing the element (id = 0), the menu disappears.
The same may be gone when you click anywhere on the page.
When you click on any expansion items disclosed everything.
task:
Count the total number of items that have a li a ul level and assign a serial number in the form id.
Make it so that when you click on a particular drop-down list just dropped it, but not all at once, and sometimes in the same place.
Add a feature in which Button is assigned to a class that has a li element to the level ul, acquired an additional class of the clicked item.
1