javascript - 3 回のクリック後に次のボタンを非表示または削除し、前のボタンをクリックすると再び表示する

Question

次のボタンを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;
            } 
        });