JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<div data-role="page">
    <div data-role="content">
        <div data-content-theme="d" data-role="collapsible" data-theme="a" id="test">
            <h3>Title</h3>
            <p>Content</p>
        </div>
    </div>
    <p></p>
</div>

JavaScript

/* jQuery: collapse meldet: geöffnet / geschlossen */

  $('#test').bind('expand', function () {

      $('p').text('alert: Expanded');

  }).bind('collapse', function () {
      
      $('p').text('alert: Collapsed');
      
  });