JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<meta name="viewport" content="width=device-width, initial-scale=1">
<title>mobile.toggleselect</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
    $(document).on("mobileinit", function() {
        $.mobile.toolbar.initSelector = " :jqmData(role='bar')";
        $.mobile.selectmenu.initSelector = "select.xy-select";
        $.mobile.collapsible.prototype.initSelector = "div.foo";
    });
</script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="bar">
     <h3>Header</h3>

</div>
<select class="xy-select">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<div class="foo">
     <h3>Custom Collapsible</h3>

    <a href="http://api.jquerymobile.com/collapsible/#option-initSelector" rel="external" taregt="_blank">Collapsible API 1.4 - initSelector</a>
</div>