jQuery(document).ready(function () { var x = (jQuery(document).find(".paj").length>1)? true : false; if(x){ var parentPag = jQuery(document).find(".paj").parent(); var defValue=1,numPages= parentPag.children(".paj").length,pages=parentPag.children(".paj"),title=parentPag.children('h3'), current = 1; function init(){ parentPag.html(jQuery(pages.hide())); jQuery(pages).eq(0).show(); jQuery(pages).eq(0).before(title); jQuery("#prev").css("visibility","hidden"); jQuery(".paginationUl").show(); } function createPagination(){ for(var i=1;i<=numPages;i++){ var li = "
  • "+i+"
  • "; jQuery("#next").before(li); if(i==1) { jQuery(".paginationUl li.item").css({ "background-color":"#f44336", "color":"white" }); } } } function validation(val) { return val <= 0 || val > numPages ? false : true; } function setCurrent(val){ jQuery(pages).hide(); jQuery(".paginationUl li").css({ "background-color":"", "color":"" }); current=val; if(current!=1){ jQuery("#prev").css("visibility","visible"); } else { jQuery("#prev").css("visibility","hidden"); } if(current!=numPages){ jQuery("#next").css("visibility","visible"); } else { jQuery("#next").css("visibility","hidden"); } jQuery(".paginationUl li[value='"+current+"']").css({ "background-color":"#f44336", "color":"white" }); var counter = current; var currentDiv = jQuery(pages.get(--counter)); currentDiv.fadeIn("slow"); } init(); createPagination(); jQuery(document).on("click",".paginationUl li.item",function () { var currentValue = this.value; validation(currentValue); setCurrent(currentValue); }); jQuery(document).on("click","#prev,#next",function () { var copyCurrent = current; var currentValue = (this.id=="next")?++copyCurrent:--copyCurrent; if(validation(currentValue)){ setCurrent(currentValue); } }); } //Pagination });