Hello, I'm a graphic designer. I'm building a website tunaman[dot]me for my personal portfolio. I have made a welcome page with two pages link. In my home page there are two links in ABAC Technologies Ltd. & more info. But the link are not working. May be i have to use display:none on the .hide section and display block through main.js. But i can't work in java script. Please if you kind to fix this. Here is my main.js:

jQuery(document).ready(function() {

/* How to Handle Hashtags */

jQuery(window).hashchange(function(){

var hash = location.hash;

jQuery('a[href='+hash+']').trigger('click');

});

/* Main Navigation Clicks */

jQuery('.main-nav ul li a').click(function() {

var link = jQuery(this).attr('href').substr(1);

if ( !jQuery('section.content.show, section#' + link).is(':animated') ) {

jQuery('.main-nav ul li a').removeClass('active'); //remove active

jQuery('section.content.show').addClass('show').animate({'opacity' : 0}, {queue: false, duration: 1000,

complete: function() {

jQuery('a[href="#'+link+'"]').addClass('active'); // add active

jQuery('section#' + link).addClass('show').animate({'opacity' : 1}, {queue: false, duration: 1000});

}

});

}

});

});

I know Kinja is a best community blog. Here lots of people are helpful.