JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<ul class="accordion">
  <li>
    <div class="opener">
      <span class="icon"></span>
      <span class="searchTitle">Panel 1 Title:</span>
    </div>
    <div id="panel1_content" class="closed">
  </li>
  <li>
    <div class="opener selected">
      <span class="icon"></span>
      <span class="panelTitle">Panel 2 Title:</span>
    </div>
    <div id="panel2_content">Blah</div>
  </li>
</ul>

JavaScript

$(function() {
  $('ul.accordion').accordion({
    active: 1, heightStyle: "content", header: ".opener", collapsible: true, event: "click"
  })
})