JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="GreySection">
    <div class="container">
        <div class="row">  
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                
              
                <div id="accordion" role="tablist" aria-multiselectable="true">
                  <div class="panel panel-default panel-top-gap">
                    <div class="panel-heading" role="tab" id="headingTwo">
                      
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
                      <div class="panel-body">
                        
                         <div class="col-md-12">
                                <div id="selectcontrolm">
                                    <select name="cassr" multiple class="cassr">
                                        <option value="A"><img src="images/grammar.png" >Spelling &amp; Grammar</option>
                                        <option value="A">Reading Age</option>
                                        <option value="A">Sentiment</option>
                                        <option value="A">Video Length</option>
                                        <option value="A">Word count</option>
                                        <option value="A">All Topics</option>
                                        <option value="A">Number of images</option>
                                        <option value="A">Image size</option>
                                        <option value="Bugatti">Font size</option>
                                        <option value="Chrysler">Page speeds</option>
      ...

CSS

/* Artios CSS v1.0 */

h1, h2, h3, h4, h5, h6{font-family: 'Arial', sans-serif;}
p, label{font-family: 'Arial' , sans-serif; font-size: 16px;}
a{font-family: 'Arial', sans-serif; color: #00a099;}
a:hover,
a:focus {
  color: #00a099;
  text-decoration: underline;
}

/* Menu */
.navbar.transparent{background: none;border: 0;}
.navbar.whiteNav{
    background: #FFF;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: 0px 1px 1px #c3c3c3;
}
.navbar-default{
    background-color: transparent;
    border-bottom: none;
    
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: none;
    color: #FFF;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover{
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.navbar.whiteNav .navbar-nav > li > a{color: #00a69c;}
.navbar.whiteNav .navbar-nav > li > a:hover{color: #1c5d7d;}
.nav.customNav{margin-top: 20px;}
.nav.customNav .fa-search{}
.navbar-brand{height: auto;}
.smallLogo{display: none;}
.navbar-default .navbar-toggle{border: 0;padding: 15px 10px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none;}
.navbar-default .navbar-toggle .icon-bar{background-color: #00a099;}
.navbar .Colorlogo{display: none;}
.navbar.whiteNav .Colorlogo{display: block;}
.navbar .Whitelogo{display: block;}
.navbar.whiteNav .Whitelogo{display: none;}
.navbar .btmBorder{border-bottom: 1px solid #889fa5;}
.navbar.whiteNav .btmBorder{border-bottom: 0;}
.navbar-right .dropdown-menu{right: auto;}
.navbar-nav > li > .dropdown-menu{opacity: 0.8;background-color: #1C5D7D;}
.dropdown-menu > li > a{ color: #FFF; font-size: 14px; padding: 12px 0px; border-bottom: 1px solid #FFF; margin: 0px 20px;...

JavaScript

$('#selectcontrol').MultiColumnSelect({
            menuclass : 'mcs', 
            openmenuClass : 'mcs-open',
            openmenuText : 'Choose an Option...',
            containerClass : 'mcs-container',
            itemClass : 'mcs-item',
            duration : 200,
            onOpen: function() {
                // some action
            },
            onClose: function() {
                // some action
            },
            onItemSelect: function() {
                // some action
              
            }
        });
        
        $('#selectcontrolm').MultiColumnSelect({
            multiple: true,
            menuclass : 'mcs', 
            openmenuClass : 'mcs-open',
            openmenuText : 'Choose an Option...',
            containerClass : 'mcs-container',
            
            itemClass : 'mcs-item',
	        idprefix : 'yourOwnID-',
            hideclass : 'hidden',
            openclass : 'open',
            duration : 200,
            hideselect : false,
                     
        });