[jQuery] Making a Sliding Tab Menu
Ok so im trying to make a sliding tab menu, The menu is already made
with animations and such, however now im trying to integrate the menu
with the Divs i have for each menu item. Would anyone know of any
tutorials that would help accomplish this? I really just need
something to start me off..
Basically on click i want the current selected item and div to fadeOut
to the left and the newly selected to fadein from the right... any
help would be appreciated thanks
JQUERY
$
'span'
.click
function
event
{
if
$
event.target
.hasClass
'selected'
{
window.alert
"already selected"
;
event.stopPropagation
;
}
else
{
$
event.target
.addClass
'selected'
;
event.stopPropagation
;
}
}
;
HTML
<div id="contentm">
<div id="menu">
<ul class="menu">
<li><a href="#" class="parent"><span>News</span></a>
</li>
<li><a href="#"><span>Team</span></a>
</li>
<li><a href="#"><span>Gallery</span></a>
</li>
<li class="last"><a href="#"><span>Contact</span></a>
</li>
</ul>
</div>
</div>
<div id="content">
<div id="news">
<div id="newsc">
newsticker
</div>
</div>
<div id="team">
TeamInfo
</div>
<div id="gallery">
Gallery
</div>
<div id="contact">
Contact
</div>
</div>