Kaskus

Tech

sanca19Avatar border
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 :
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... emoticon-Blue Guy Cendol (L)emoticon-Blue Guy Cendol (L)
Diubah oleh sanca19 20-01-2014 12:59
0
2.8K
8
GuestAvatar border
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
Programmer Forum
Programmer Forum
KASKUS Official
20.2KThread4.9KAnggota
Urutkan
Terlama
GuestAvatar border
Komentar yang asik ya
Ikuti KASKUS di
© 2025 KASKUS, PT Darta Media Indonesia. All rights reserved.