JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
    <title>Page Title</title> 
     
<body> 

<div data-role="page">

    <div data-role="header">
        <h1>header</h1>
    </div>


    <div data-role="content">    

  <div data-role="collapsible" id="block" data-collapsed="true" class="info" data-record="22"><h1>love</h1><div class="detail"></div></div> <div data-role="collapsible" id="block" data-collapsed="true" class="info" data-record="20"><h1>happy</h1><div class="detail"></div></div>


    
    </div>

     <div data-role="footer">
    <h1>test</h1>
  </div>

</div>

</body>
</html>

JavaScript

$(document).ready(function() {
	    $(document).on('expand','.info',function(){

     $('.detail').load("quotesget5?record=record");

});

     });