JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

<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/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="content">
    <div id="List" data-role="collapsible-set">
        <div data-role="collapsible" data-content-theme="c">
             <h3>Lorem ipsum 1</h3>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper tellus urna, eget pellentesque felis mattis sit amet. Nullam porttitor ipsum eu nunc vehicula, sed suscipit lacus hendrerit. Integer lobortis accumsan sodales. Phasellus tincidunt tortor lorem, ut vestibulum mauris luctus ac. Curabitur aliquam magna nec massa fringilla, sed adipiscing mauris euismod. Etiam porta, est a iaculis ultrices, mi sem imperdiet est, volutpat varius eros metus ac ligula. In et sem a ipsum tincidunt sodales. Nunc rhoncus odio sed lectus viverra, sed blandit lectus imperdiet. Etiam mauris augue, accumsan sit amet lectus vel, adipiscing posuere ante. Aenean venenatis nisl risus, et cursus ligula tincidunt accumsan. Praesent elementum neque risus, vel faucibus urna venenatis eu. Cras molestie, arcu in volutpat dapibus, ante mi commodo est, sit amet pharetra erat elit id ligula. Donec laoreet tellus eget dui euismod, tristique tincidunt metus auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum consectetur et risus quis congue. Suspendisse neque ligula, fringilla eget velit in, scelerisque lobortis diam. Nulla facilisis mi a sollicitudin facilisis. Pellentesque in euismod nunc. Aliquam erat volutpat. Pellentesque id lectus sit amet diam porta scelerisque et at lacus. Nunc eu quam diam. Nulla facilisi. Morbi dictum tincidunt aliquet. Nulla facilisi. Nam eu molestie nisl. Nunc egestas, metus ac congue mattis, erat neque placerat nisi, quis ornare tortor metus quis lacus. Donec ut tristique felis, at tempor est. Donec eget tellus vel felis rutrum malesuada. Morbi...

JavaScript

/* Scrollt zu der epandierenden Collapse, so das diese ganz oben (top) erscheint */
$(document).on("collapsibleexpand", "[data-role=collapsible]", function () {
    var position = $(this).offset().top;
    $.mobile.silentScroll(position);
});