JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in" aria-hidden="false">
      <div class="accordion-inner">
            <select data-placeholder="Select one..." class="chzn-select" style="width:350px;" multiple tabindex="2">
      <option value=""></option> 
      <option value="001">Option 1</option>
      <option value="002">Option 2</option>
      <option value="003">Option 3</option>
      <option value="004">Option 4</option>
      <option value="005">Option 5</option>
    </select>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" aria-hidden="true">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>

CSS

.collapse.in {height: auto;}
.chzn-drop { display: none; }
.chzn-container-active .chzn-drop { display: block; }

/*Recommend Modal*/
.cvInputContainer {
    clear: both;
}
.cvInputContainer input[type=text]{
    width: 85%; 
}
.cvInputContainer .btn{
    margin:0 0 8px 10px;
}

JavaScript

$(function () {
    $('.chzn-select').chosen();
});