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
Urutan
Terbaru
Terlama
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan