Скрыть или удалить следующую кнопку после 3 кликов и показать еще раз, если нажать на предыдущую кнопку

Question

Я сделал некоторый базовый код jquery при нажатии 3 раза на следующей кнопке, которую он скрывает, и когда вы нажимаете на предыдущую кнопку, она отображается, но не отображается запустите цикл 3 кликов. Мне нужно сделать после нажатия 3 раза на следующей кнопке, когда вы нажимаете на предыдущую кнопку, она должна запускать первый цикл, который составляет 3 клика.

var $i = 1; 
     $('body').on('click','#next',function(){ 
       if ($i < 3) { /*functions to be executed*/ $i++; 
       } 
       else { 
       $(this).prop('disabled', 1); 
       $(this).hide();    
       } 
      }); 

      $('#prev').click(function() { 
       $('#next').show(); 
       }); 

     var $n = 1; 
     $('body').on('click','#prev',function(){ 
       if ($n < 3) { /*functions to be executed*/ $n++; 
       } 
       else { 
       $(this).prop('disabled', 1); 
       $(this).hide(); 
       } 
      }); 

      $('#next').click(function() { 
       $('#prev').show(); 
       }); 

Answer 1

вы просто забыли сбросить счетчики:

var $i = 1; 
    var $n = 1; 
    $('body').on('click','#next',function(){ 
      if ($i < 3) { /*functions to be executed*/ $i++; 
      } 
      else { 
       $(this).prop('disabled', 1); 
       $(this).hide(); 
       $("#prev").show(); // <- show here 
       $i = 1;    
      } 
     }); 


    $('body').on('click','#prev',function(){ 
      if ($n < 3) { /*functions to be executed*/ $n++; 
      } 
      else { 
       $(this).prop('disabled', 1); 
       $(this).hide(); 
       $("#next").show(); // <- show here 
       $n = 1; 
      } 
     });