JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="thirdcanvas">

       <div id="vapor">
           1
       </div>

       <div id="baiat">
           2
       </div>     

       <div id="colac">    
           3
       </div> 

       <div id="slapi">    
           4
       </div>  

       <div id="umbrela">   
           5
       </div>  
   </div>

<a href="#"><img id="next" src="images/nextBtn.png" title="Continuare" alt='next' /></a>

JavaScript

$(document).ready( function() { 
			   $("#container div").not(":first").each(function(){
				$(this).hide();
			});

			$("#next").click(function(){
				var divWithoutHiddenClass=$("#container div").not(":hidden"); 
				divWithoutHiddenClass.hide();
				if (divWithoutHiddenClass.next().html() === undefined){
					$("#container div:first").show();
				}
				else{
					divWithoutHiddenClass.next().show();
				}
			});
		});