Tabs

by Zuhaib Siddiqui

HTML

<ul id="packages" class="filter group"> 
                                    <li><a href="logo">Logos</a></li> 
                                    <li><a href="#illustration">Illustration</a></li> 
                                    <li><a href="3DLogos">3D Logos</a></li> 
                                    <li><a href="#nimatedLogo">Animated logo</a></li>
                                    <li><a href="#WebDesign">Web Design and Development</a></li>
                                </ul> 


<div id="logo">
    LOGO
</div>
<div id="3DLogos">
    3DLogos
</div>

JavaScript

$(document).ready( function(){
event.preventDefault();
    
    $('#packages li a').click(function( event ) {
        $(this).attr('href');
    });
    
}):



$( "#packages" ).click(function( event ) {

$( "#log" ).append( "default " + event.type + " prevented<br>" )
.appendTo( "#log" );
});