JSFiddle - React, Tailwind, and code Playground

by Matt Hopkins

JavaScript

$(function() {
  $('[data-title="answer"]').hide();
  $('[data-title="question"]').on('click', function(event) {
    $(event.target).closest('[data-title="question"]').next('[data-title="answer"]').toggle();
		console.log($(event.target).closest('[data-title="question"]').find('i').css('transform'));
    if ($(event.target).closest('[data-title="question"]').find('i').hasClass('fa-angle-right')) {
    	$(event.target).closest('[data-title="question"]').find('i').removeClass('fa-angle-right').addClass('fa-angle-down');
    } else {
    	$(event.target).closest('[data-title="question"]').find('i').removeClass('fa-angle-down').addClass('fa-angle-right');
    }
  });
});