hello to everyone,
I have an HTML "About" page with three sections - Cirricullum Vitae, Publications, and Students.
Navigation tabs using jQuery functions show or hide ONLY ONE of these sections at a time, with a nice fade out/fade in transition.
Cirriculum Vitae shows by default.
I need to solve this problem - have an HTML link from A DIFFERENT PAGE go to the "About" page and call the "Publications" section to display first.
Here is the jQuery code for the tabs. Can anybody steer me in the right direction? Very much appreciate any advice.
- $(document).ready(function(){
$('#publications').hide();
$('#students').hide();
$('#cv-nav').click(function(){
$('#vitae').fadeIn();
$('#publications').fadeOut(200);
$('#students').fadeOut(200);
$(".about-tab-bar li a").removeClass('tab-link-active');
$(".about-tab-bar li a").addClass('tab-link');
$(this).addClass('tab-link-active');
return false;
});
$('#pub-nav').click(function(){
$('#vitae').fadeOut(200);
$('#publications').fadeIn();
$('#students').fadeOut(200);
$(".about-tab-bar li a").removeClass('tab-link-active');
$(".about-tab-bar li a").addClass('tab-link');
$(this).addClass('tab-link-active');
return false;
});
$('#students-nav').click(function(){
$('#vitae').fadeOut(200);
$('#publications').fadeOut(200);
$('#students').fadeIn();
$(".about-tab-bar li a").removeClass('tab-link-active');
$(".about-tab-bar li a").addClass('tab-link');
$(this).addClass('tab-link-active');
return false;
});
});