JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<div id="layout">
    <table>
        <tr>
            <td>
                <div>
                    <ul id="root">
                        <li>
                            
<h3>question 1</h3>

                            <div>lorem ipsum dolor sit amet, consectetur adipiscing elit. integer augue augue, iaculis ut venenatis ut, aliquet tincidunt mi. aliquam erat volutpat. nunc ornare erat porttitor arcu volutpat imperdiet. in vel ante mi, quis tincidunt diam. morbi tortor turpis, dapibus et dapibus eget, tincidunt eu nunc. sed in porta est. aenean nisi ligula, tincidunt id cursus ac, lacinia in erat. donec quis bibendum lorem. donec sollicitudin accumsan ipsum, vel euismod nunc convallis accumsan. curabitur adipiscing ultricies sodales. donec eleifend, mauris aliquam blandit viverra, velit ligula ullamcorper tortor, sit amet tempor enim dolor ut diam. lorem ipsum dolor sit amet, consectetur adipiscing elit. phasellus eget fringilla metus. nam at lectus non ante egestas vehicula. lorem ipsum dolor sit amet, consectetur adipiscing elit. donec ac arcu sed nunc cursus dapibus at sit amet lectus.</div>
                        </li>
                        <li>
                            
<h3>question 2</h3>

                            <div>lorem ipsum dolor sit amet, consectetur adipiscing elit. integer augue augue, iaculis ut venenatis ut, aliquet tincidunt mi. aliquam erat volutpat. nunc ornare erat porttitor arcu volutpat imperdiet. in vel ante mi, quis tincidunt diam. morbi tortor turpis, dapibus et dapibus eget, tincidunt eu nunc. sed in porta est. aenean nisi ligula, tincidunt id cursus ac, lacinia in erat. donec quis bibendum lorem. donec sollicitudin accumsan ipsum, vel euismod nunc convallis accumsan. curabitur adipiscing ultricies sodales. donec eleifend, mauris aliquam blandit viverra, velit ligula ullamcorper tortor, sit amet tempor enim dolor ut diam. lorem ipsum dolor sit amet, consectetur adipiscing elit. phasellus eget fringilla metus. nam at...

CSS

div {
    border: dashed thin red;
}
table {
    border: dashed thin green;
    width:100%
}
h3 {
    border: dashed thin blue;
}
#layout {
    width:300px;
}

JavaScript

$(function () {
    $("#root h3").click(function () {
        var $this = $(this);
        var theDiv = $this.next("div");
        theDiv.toggle();
    });
});