|
53 | 53 | <ul>
|
54 | 54 | <li><a href="#">Home</a></li>
|
55 | 55 | <li class="parent">
|
56 |
| - <a href="#">Settings</a> |
| 56 | + <a href="#" class="current">Settings</a> |
57 | 57 | <ul class="submenu">
|
58 | 58 | <li><a href="#">Timezone</a></li>
|
59 |
| - <li><a href="#">Permissions</a></li> |
| 59 | + <li><a href="#" class="current">Permissions</a></li> |
60 | 60 | <li><a href="#">Maintenance</a></li>
|
61 | 61 | </ul>
|
62 | 62 | </li>
|
|
68 | 68 | <li>
|
69 | 69 | <span class="name">Blog</span>
|
70 | 70 | <ul>
|
71 |
| - <li><a href="#">Add</a></li> |
| 71 | + <li><a href="#" class="parent">Add</a></li> |
72 | 72 | <li><a href="#">List</a></li>
|
73 | 73 | </ul>
|
74 | 74 | </li>
|
|
77 | 77 | <li>
|
78 | 78 | <span class="name">Members</span>
|
79 | 79 | <ul>
|
80 |
| - <li><a href="#">Registred</a></li> |
81 |
| - <li><a href="#">Banned</a></li> |
82 |
| - </ul> |
83 |
| - </li> |
84 |
| - |
85 |
| - <!-- gallery --> |
86 |
| - <li> |
87 |
| - <span class="name">Gallery</span> |
88 |
| - <ul> |
89 |
| - <li><a href="#">Design</a></li> |
90 |
| - <li><a href="#">People</a></li> |
91 |
| - <li><a href="#">Cars</a></li> |
| 80 | + <li><a href="#">Home</a></li> |
| 81 | + <li class="parent"> |
| 82 | + <a href="#">Settings</a> |
| 83 | + <ul class="submenu"> |
| 84 | + <li><a href="#">Timezone</a></li> |
| 85 | + <li><a href="#">Permissions</a></li> |
| 86 | + <li><a href="#">Maintenance</a></li> |
| 87 | + </ul> |
| 88 | + </li> |
| 89 | + <li><a href="#">Notifications<span class="notifi">3</span></a></li> |
92 | 90 | </ul>
|
93 | 91 | </li>
|
94 | 92 | </ul>
|
|
118 | 116 | });
|
119 | 117 |
|
120 | 118 | // click submenu
|
121 |
| - $('ul.menu a').on('click', function() { |
| 119 | + $('ul.menu li').each(function() { |
| 120 | + if ($(this).children('li.parent a.current').length > 0 ) { |
| 121 | + $(this).parent().find('ul.submenu').css('display', 'block'); |
| 122 | + $(this).parent().find('li.parent').addClass('active'); |
| 123 | + } |
| 124 | + }); |
| 125 | + |
| 126 | + $('ul.menu li a').on('click', function() { |
122 | 127 | $(this).parent('li.parent').toggleClass('active');
|
123 | 128 | $(this).parent().find('ul.submenu').slideToggle('fast');
|
124 | 129 | });
|
| 130 | + |
| 131 | +// $('ul.menu li a').on('click', function() { |
| 132 | +// $('.submenu a.current').removeClass('current'); |
| 133 | +// $(this).closest('a').addClass('current'); |
| 134 | +// }); |
125 | 135 | });
|
126 | 136 | </script>
|
127 | 137 | </body>
|
|
0 commit comments