Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 9b6eac2

Browse files
committed
Update
1 parent 75b68e9 commit 9b6eac2

File tree

2 files changed

+34
-16
lines changed

2 files changed

+34
-16
lines changed

src/css/style.menu.light.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,14 @@
3535
color: #494949;
3636
}
3737

38+
.sidebar ul.menu li ul li.parent a.current {
39+
background-color: #f4f4f4;
40+
}
41+
42+
.sidebar ul.menu li ul li.parent .submenu a.current {
43+
background-color: #a3dfff;
44+
}
45+
3846
.sidebar ul.menu li ul li.parent:before { color: #d5d5d5; }
3947
.sidebar ul.menu li ul li.parent.active:before { color: #494949; }
4048
.sidebar ul.menu li ul li ul {

src/index.html

Lines changed: 26 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -53,10 +53,10 @@
5353
<ul>
5454
<li><a href="#">Home</a></li>
5555
<li class="parent">
56-
<a href="#">Settings</a>
56+
<a href="#" class="current">Settings</a>
5757
<ul class="submenu">
5858
<li><a href="#">Timezone</a></li>
59-
<li><a href="#">Permissions</a></li>
59+
<li><a href="#" class="current">Permissions</a></li>
6060
<li><a href="#">Maintenance</a></li>
6161
</ul>
6262
</li>
@@ -68,7 +68,7 @@
6868
<li>
6969
<span class="name">Blog</span>
7070
<ul>
71-
<li><a href="#">Add</a></li>
71+
<li><a href="#" class="parent">Add</a></li>
7272
<li><a href="#">List</a></li>
7373
</ul>
7474
</li>
@@ -77,18 +77,16 @@
7777
<li>
7878
<span class="name">Members</span>
7979
<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>
9290
</ul>
9391
</li>
9492
</ul>
@@ -118,10 +116,22 @@
118116
});
119117

120118
// 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() {
122127
$(this).parent('li.parent').toggleClass('active');
123128
$(this).parent().find('ul.submenu').slideToggle('fast');
124129
});
130+
131+
// $('ul.menu li a').on('click', function() {
132+
// $('.submenu a.current').removeClass('current');
133+
// $(this).closest('a').addClass('current');
134+
// });
125135
});
126136
</script>
127137
</body>

0 commit comments

Comments
 (0)