JSFiddle - React, Tailwind, and code Playground

by mikewilsonuk

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <title>JQM latest</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/git/jquery.mobile-git.css">
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.js"></script>
    </head>
    
    <body>
       <div data-role="page" id="page">
    <div data-role="content">
        <h1>Collapsible set with search</h1>
        <div data-role="collapsible-set" >
	        <div data-role="listview" data-inset="true" data-filter="true">
                <div data-role="collapsible">
                    <h1>Numero uno</h1>
                    <div>some text</div>
				</div>
                <div data-role="collapsible">
                    <h1>Number two</h1>
                    <div>some text</div>
				</div>
				<div data-role="collapsible">
                    <h1>Numero three <div>Grade: 25% (8th of 128)</div></h1>
                    <div>some potato</div>
				</div>
                <div data-role="collapsible">
                    <h1>Number four</h1>
                    <div>some text</div>
				</div>
			</div>
		</div>
		</div>
	</div>
            </body>