JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page">
<div data-role="collapsible" id="ev">
                <h2>Events</h2>
                <ul data-role="listview" id="eventlist">

                </ul>
                <div id="ev2">

                </div>
</div>
</div>

<div data-role="page" id="moreevents">
    <p>Hi</p>
</div>

JavaScript

$('#eventlist').append('<li><a href="#">Hello</a></li>')
$('#eventlist').listview('refresh');
$('#ev2').empty();
$('#ev2').append('<button id="settotrue">More Events</button>');

$('#settotrue').click( function settotruefunction() {
        $.mobile.changePage('#moreevents');
});