JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<p>If an error happens inside an each call from within the slideToggle callback, an infinite loop of errors will occur.</p>
    
<div>Red</div>
<div>Orange</div>
<div>Yellow</div>
<div>Green</div>
<div>Blue</div>
<div>Indigo</div>
<div>Violet</div>

<button id='oneerr'>One Error as expected</button>
<button id='infiniteerrs'>Infinite Loop of errors</button>
<p id='doitDisplay' style='display:none;'>Doing it....</p>

JavaScript

$(function(){
   
    $('#infiniteerrs').click(function(){
        
        $('#doitDisplay').slideToggle('fast', function(){
            $('div').each(function(idx, item){
                item.failForever();
            });
        });
    });
    
    $('#oneerr').click(function(){
            $('div').each(function(idx, item){
                item.failForever();
            });
    });
    
});