JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js"></script>
<div id="area49253971_6938" class="component interaction-component float-none clear-none  interaction_booted">
        <div role="status" class="int-prep hidden"><i aria-hidden="true" class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i><br> Loading interaction...</div>
        <div>
            <div class="data-field interaction-type">RevealContent</div>
            <div class="interaction_title"></div>
            <div class="interaction_content RevealContent" style="min-height: 400px; width: 400px;">
                <div class="pointer">
                    <tdd>
                        <div id="area49253971_6940" class="component image-component float-left clear-none  booted"><img src="somelink" height="50" width="30" title="" alt="" style="padding-right: 10px;"></div>
                        <p class="body" id="area49253971_6941"><em><strong><a href="#">Some question</a></strong></em></p>
                    </tdd>
                </div>
                <div style="display: block;">
                    <tdd>
                        <p class="body" id="area49253971_6942"><strong>Some answer</strong></p>
                    </tdd>
                </div>
            </div>
            <div class="interaction_data" style="display: none;">
                <div id="area49253971_6939" class="component table-component float-none clear-none ">
                    <div class="component_caption"></div>
                </div>
            </div>
        </div>
    </div>

JavaScript

define("site/mixins/interactions/reveal_content", ["exports", "jquery"], function (exports, _jquery) {

  function RevealContent($el) {
    this.el = $el;

    this.interactionData = $el.find(".interaction_data");
    this.container = $el.find(".interaction_content");
  }

  RevealContent.prototype = {
    init: function init() {
      var contentToReveal = (0, _jquery["default"])('<div />').append((0, _jquery["default"])(this.interactionData.find('tdd')[1]).detach());
      var initialContent = (0, _jquery["default"])('<div class="pointer" />').append((0, _jquery["default"])(this.interactionData.find('tdd')[0]).detach());

      this.container = this.container.parent().find('.RevealContent');

      this.container.append(initialContent);
      this.container.append(contentToReveal.hide());

      initialContent.click(function () {
        (0, _jquery["default"])(contentToReveal).slideToggle('slow');
      });

      // prevent any links within initialContent from navigating anywhere
      initialContent.find('a').click(function (e) {
        e.preventDefault();
      });
    }
  };