- Beranda
- Komunitas
- Tech
- Programmer Forum
[ask] Active menu dan submenu dengan jQuery


TS
sanca19
[ask] Active menu dan submenu dengan jQuery
Permisi semua, saya mau tanya tentang menambahkan class="active" pada semua menu ( <li> ) yang sudah di klik (active).
Ketika menu nya belum saya kasih submenu, semua berjalan normal dengan menggunakan langkah-langkah dibawah ini:
HTML MENU-nya :
JAVASCRIPT-nya:
Tapi ketika menu-menu nya memiliki SUBMENU, javascript nya gimana ya..?
HTML MENU-nyaseperti ini :
Bisa dilihat pada Menu yang memiliki SUBMENU diatas, yaitu menu "Profile"..
Nah, saya ingin ketika submenu pada "Profile" di klik, menu pada "Profile" menjadi memiliki class="active"..
Mohon pencerahan nya,,, thanks...

Ketika menu nya belum saya kasih submenu, semua berjalan normal dengan menggunakan langkah-langkah dibawah ini:
HTML MENU-nya :
Code:
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.php"><center> Beranda</center></a></li>
<li><a href="#" class="MenuBarItemSubmenu"><center>Profil</center></a></li>
<li><a href="galeri.php"><center>Galeri</center></a></li>
<li><a href="artikel.php"><center>Artikel</center></a></li>
<li><a href="buku.php"><center>Katalog Buku</center> </a>
<li><a href="interaktif.php"><center>Interaktif</center></a></li>
<li><a href="rdownload.php"><center>Download eBook</center></a></li>
<li><a href="#login-box" class="login-window"><center>Login</center></a></li>
</ul>
</div>
JAVASCRIPT-nya:
Code:
[removed]
$(function() {
var pgurl = [removed].href.substr([removed].href
.lastIndexOf("/")+1);
$("#menu ul li a").each(function(){
if($(this).attr("href") == pgurl || $(this).attr("href") == '')
$(this).addClass("active");
})
});
[removed]
Tapi ketika menu-menu nya memiliki SUBMENU, javascript nya gimana ya..?
HTML MENU-nyaseperti ini :
Code:
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.php"><center> Beranda</center></a></li>
<li><a href="#" class="MenuBarItemSubmenu"><center>Profil</center></a>
<ul>
<li><a href="profil.php?kat=Sejarah Perpus">Sejarah Perpus</a></li>
<li><a href="profil.php?kat=Visi dan Misi">Visi dan Misi</a></li>
<li><a href="profil.php?kat=Struktur Organisasi">Struktur Organisasi</a></li>
<li><a href="profil.php?kat=Tata Tertib">Tata Tertib</a></li>
</ul>
</li>
<li><a href="galeri.php"><center>Galeri</center></a></li>
<li><a href="artikel.php"><center>Artikel</center></a></li>
<li><a href="buku.php"><center>Katalog Buku</center> </a>
<li><a href="interaktif.php"><center>Interaktif</center></a></li>
<li><a href="rdownload.php"><center>Download eBook</center></a></li>
<li><a href="#login-box" class="login-window"><center>Login</center></a></li>
</ul>
</div>
Bisa dilihat pada Menu yang memiliki SUBMENU diatas, yaitu menu "Profile"..
Nah, saya ingin ketika submenu pada "Profile" di klik, menu pada "Profile" menjadi memiliki class="active"..
Mohon pencerahan nya,,, thanks...


Diubah oleh sanca19 20-01-2014 12:59
0
2.8K
8


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan