JSFiddle - React, Tailwind, and code Playground

by Bhushan Kawadkar

HTML

<span id="loading"><img src="ajax-loader.gif" /> Please Wait</span>
<button class="commentmoreview">Click Me</button>

CSS

#loading{display:none;}

JavaScript

var Progressajax = false;

$(function() {
  $(".commentmoreview").click(function(){

    if(Progressajax) return;
    Progressajax = true;

    var element = $(this);
    var id = element.attr("id");

    $('#loading').show();

    var value = $('.pagecont'+id).val();
    var info = 'id='+id+'&pagecont='+value;

    $.ajax({
      type: "POST",
      url: "php-comments/php/loadmorecomments.php",
      data: info,
      success: function(data){
        $('#loading').hide();
          Progressajax = false;
        value = parseInt(value)+parseInt(5);
        $('.pagecont'+id).val(value);
        $(data).hide().prependTo('#loadmorecomments'+id).fadeIn(1000);
        //$('#loadmorecomments'+id).prepend(data);
      }
    });
  });
});