JSFiddle - React, Tailwind, and code Playground

HTML

<div id="faq_header">
    <img src="http://communityplates.org/wp-content/uploads/2014/04/arrow-down.jpg">
    <div id="faq_content">demo...</div>
</div>

CSS

#faq_content {
    display:none;
}

#faq_header {
    border: 2px solid black;
    height: 70px;
    cursor: pointer;
}

img {
    height: 40px
}

}

JavaScript

$("#faq_header").click(function() {
  header_open = $("#faq_content").css('display') == 'block';
 
  if (header_open) {
    $("#faq_content").slideUp("slow");
    $("#faq_header img").attr("src", "http://communityplates.org/wp-content/uploads/2014/04/arrow-down.jpg");
  } else {
    $("#faq_content").slideDown("slow");
    $("#faq_header img").attr("src", "http://www.politicspa.com/wp-content/uploads/2014/04/Up-Arrow1.jpg");
  }
});