JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script>
$(function() {
    $( "#accordion" ).accordion({
    });
});
</script>
</head>
<body style="background-color:black">
    <div id='accordion' style='background-color:white;width:500px;'>
    <h3>section 1</h3>
    <div style="style:height:100px;">
        <select style="height:100px;" multiple="multiple" >
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        </select>
    </div>
    <h3>section 2</h3>
    <div>
        <select style="height:100px;" multiple="multiple">
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>
        <option>foo</option>        
        </select>    
    </div>
    </div>
</body>
</html>