$(document).ready(function() {
  $('#panel1').addClass('active');
  $('#panel2').hide().addClass('inactive');
  $('#panel3').hide().addClass('inactive');
  $('#panel4').hide().addClass('inactive');

$("#link1").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $('#panel1').fadeIn(2000).removeClass('inactive').addClass('active');   
      return false;
    }); 

$("#link2").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $('#panel2').fadeIn(2000).removeClass('inactive').addClass('active');   
      return false;
    }); 
    
$("#link3").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $('#panel3').fadeIn(2000).removeClass('inactive').addClass('active');   
      return false;
    }); 
    
$("#link4").click(function () {
      $('.active').hide().removeClass('active').addClass('inactive');
      $('#panel4').fadeIn(2000).removeClass('inactive').addClass('active');   
      return false;
    });     
});