JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jquerymobile.com/demos/1.1.1/css/themes/default/jquery.mobile-1.1.1.css">
<script src="http://jquerymobile.com/demos/1.1.1/js/jquery.mobile-1.1.1.js"></script>
<div data-role="page" id="dialog-box">
    <div data-role="header">
        <h1>Filtering example</h1>
    </div>
    <div data-role="content">    
        <div data-role="collapsible" data-collapsed="true">
            <h3>I'm a list0</h3>
            <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
        </div>
        <div data-role="collapsible" data-collapsed="true">
            <h3>I'm a list</h3>
            <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
        </div>        
    </div>
</div>

CSS

.new-class {
margin: 0 !important;
}

.new-class-test {
margin: 50px 0 !important;
}

.ui-btn-up-c-custom {
    background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-bottom-width: 0px;    
    color: #222222;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}

.ui-btn-up-c-custom-last {
    border-bottom-width: 1px !important; 
}