JSFiddle - React, Tailwind, and code Playground

by Chris

HTML

<div class="adventure2"></div>
     <div class="adventure3"></div>
    
  
    
    
    
    
    <div class="adventurevideoviewmore one" >click me</div>

CSS

.adventurevideoviewmore{
    width:100px;
    height:100px;
    background-color:yellow;

}

.adventure2 {
	width:100%;
	height:200px;
	background-color:red;
	display:none;	
}
.adventure3 {
	width:100%;
	height:200px;
	background-color:blue;
	display:none;	
}

JavaScript

$( ".one" ).click(function() {
	 
	 $( ".adventure2" ).slideDown( 1000, function() {

});
	 
	 $(".adventurevideoviewmore").delay(1000).queue(function(next){
   			$(this).addClass("two");
    next();
});	      

});


$( "body" ).on('click', '.two', function() {
    $( ".adventure3" ).slideDown( 1000, function() {
 });
 
});