Thanks for your suggestions... Issue is resolved.
<div class="links">
<a href="#syllabus" class="active custom-tabs syllabus" id="lnk-page-2">Syllabus</a>
<a href="#requirement" class="custom-tabs requirement" id="lnk-page-4">Requirements</a>
<a href="#dates" class="custom-tabs dates" id="lnk-page-1">Dates</a>
<a href="#register" class="custom-tabs register" id="lnk-page-3">Register</a>
</div>
I have single page with i am redirecting it with different URL's
Please follow the function...
$(document).ready(function(){
setInterval(function() {
var lnk = window.location.href;
lnk1 = lnk.substr(lnk.indexOf("#")+1);
$(".custom-tabs").removeClass('active');
$("."+lnk1).addClass("active");
var id=jQuery(".active").attr("id");
var arr=id.split("-");
jQuery(".content").hide();
jQuery(".content:first").show();
jQuery("#"+arr[1]+"-"+arr[2]).show();
}, 30);
jQuery(".hideDiv").css('display','none');
var listname = $("#aweber_name").html();
if(listname == "") {
$(".notify_link").remove();
}
$(".notify_link[rel]").overlay({top:"55%", onBeforeLoad: function(){$("#step1").show();$("#step2").hide();}});
$("#button_form").click(function(){
var email_notify = $("#email_form").val();
listname = jQuery.trim(listname);
if(email_notify == "") {
$(".email_error").show();
} else {
$(".email_error").hide();
$(".ajax_loader").show();
jQuery.ajax({url: "/js/add_lead.php?email="+email_notify+"&listname="+listname,
cache: false,
success: function(html){
$(".ajax_loader").hide();
$("#step1").hide();
$("#step2").show();
}
});
}
});
});