[jQuery] Making a Sliding Tab Menu

[Rebelj12a]

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>