JSFiddle - React, Tailwind, and code Playground

by inadcod

HTML

<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/64049693/facebox/facebox.css">
<script src="https://dl.dropboxusercontent.com/u/64049693/facebox/facebox.js"></script>
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/64049693/facebox/chosen.css">
<script src="https://dl.dropboxusercontent.com/u/64049693/facebox/chosen.jquery.js"></script>
<a href="#info" rel="facebox">Data</a>

<div id="info" class="hidden">Stuff stuff stuff
    <p>&nbsp;</p>
    <select id="selectS">
        <option value=""></option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</div>

CSS

.hidden {
    display: none !important;
    visibility: hidden;
}

JavaScript

jQuery(document).ready(function($) {
   // $("#selectS").chosen();
  $('a[rel*=facebox]').facebox();
  $("#selectS").chosen();
})