JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://www.mediafire.com/download/9s4nlah8516zdmc/tagit.ui-zendesk.css">
<link rel="stylesheet" href="http://www.mediafire.com/download/rb8prkbt7rb0vxe/jquery.tagit.css">
<link rel="stylesheet" href="http://www.mediafire.com/download/9lgfc8wdtgmdlbd/datepicker.css">
<link rel="stylesheet" href="http://www.mediafire.com/download/e3cz0p5isxf8f6q/bootstrap-responsive.min.css">
<link rel="stylesheet" href="http://www.mediafire.com/download/dqdftka4p26t32a/bootstrap-responsive.css">
<link rel="stylesheet" href="http://www.mediafire.com/download/67sy6rgyc5yjab9/bootstrap.min.css">
<link rel="stylesheet" href="http://www.mediafire.com/download/kqwhvutgqeabxkp/bootstrap.css">
<script src="http://www.mediafire.com/download/le2alq4onrygs6u/tag-it.min.js"></script>
<script src="http://www.mediafire.com/download/mzcl3rx364kf5rr/html5shiv.js"></script>
<script src="http://www.mediafire.com/download/57nyacomaaoxzlw/tag-it.js"></script>
<script src="http://www.mediafire.com/download/tay9xr2bbnj33r7/bootstrap-datepicker.js"></script>
<script src="http://www.mediafire.com/download/rgcl8xaqz9n943s/bootstrap.min.js"></script>
<script src="http://www.mediafire.com/download/ypspg4dgkytvsrg/jquery.min.js"></script>
<script src="http://www.mediafire.com/download/4l0rt8xrj83tzb0/less-1.3.3.min.js"></script>
<body>
<div class="container-fluid">
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Title</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<div class="row-fluid">
<div class="span2">
<ul class="nav nav-list">
<li class="nav-header">List header
</li>
<li class="active">
<a...
JavaScript
$(document).ready(function () {
var runNum = 1;
$('.SystemFiles').collapse('toggle');
$('.datepicker').datepicker({
orientation: "top auto",
keyboardNavigation: false,
forceParse: false,
calendarWeeks: false,
autoclose: true,
todayHighlight: true
});
$(".well").on('click', '.expandbtn', function () {
var $this = $(this).parent();
var $collapse = $this.closest('.RunWell').find('.SystemFiles');
$collapse.collapse('toggle');
});
$('.well').hover(function () {
$(this).css('cursor', 'pointer');
});
$("input[name=radios]:radio").change(function () {
if ($(this).val() == "op") {
var OPStr = "";
OPStr += " <div class=\"control-group\">";
OPStr += " <label class=\"control-label\" for=\"filebutton\">OP Customer DLIS files (PUC)<\/label>";
OPStr += " <div class=\"controls\">";
OPStr += " <input id=\"filebutton\" name=\"filebutton\" class=\"input-file\" type=\"file\">";
OPStr += " <\/div>";
OPStr += " <\/div>";
OPStr += "";
OPStr += " <!-- File Button -->";
OPStr += " <div class=\"control-group\">";
OPStr += " <label class=\"control-label\" for=\"filebutton\">OP logup DLIS files (LUP)<\/label>";
OPStr += " ...