JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" style="text-decoration : none" class="box"><div class="sliderHead" >Question 1 <img src="https://image.ibb.co/jZcCSa/slider_Close.png" style="float:right;" id="spin" class="normal"/></div></a>
<div class="sliderContent">
Lorem Ipsum Doner 1
 </div>
      
<a href="#" style="text-decoration : none" class="box"><div class="sliderHead">Question 2 <img src="https://image.ibb.co/jZcCSa/slider_Close.png" style="float:right;" id="spin" class="normal"/></div></a>
<div class="sliderContent">
Lorem Ipsum Doner 2
</div>
      
<a href="#" style="text-decoration : none" class="box"><div class="sliderHead">Question 3 <img src="https://image.ibb.co/jZcCSa/slider_Close.png" style="float:right; " id="spin" class="normal"/></div></a>
<div class="sliderContent">
Lorem Ipsum Doner 3
</div>

CSS

.sliderContent { border:5px solid #fff; background-color:#FC9; padding:10px; min-height: 150px; display:none; margin-top:5px; }
.sliderContent a { padding:0 !important; border:none !important; }
.sliderHead  {width:100%; padding:8px; border-bottom:1px solid #CCC; font-size:20px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; color:#000; text-decoration:none;}
.rotate { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.normal { -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg); transform: rotate(0deg);}

JavaScript

$(document).ready(function() {					   
        $('a.box').click(function(event){
            event.preventDefault();
            
						$("a.box").not(this).each(function(){
               
               			var sliderContent = 		$(this).next('.sliderContent');
                //$('.sliderContent').not(sliderContent).hide();

                var element = $(this).find("img")[0];

                if ( element.className === "rotate") {
                  element.className = 'normal';
                  
                   sliderContent.toggle();
                }
			
           
               
            	
            });
            var sliderContent = $(this).next('.sliderContent');
            $('.sliderContent').not(sliderContent).hide();
			
			var element = $(this).find("img")[0];
      
			if (element.className === "normal") {
				element.className = "rotate";
			}
			else if ( element.className === "rotate") {
				element.className = 'normal';
			}
			console.log(sliderContent)
            sliderContent.toggle();
        });
        $('.closeButton').click(function(){
            $(this).parent().hide();
        });
    });