JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<script src="http://bxslider.com/js/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<Select id="couponsSelector">
   <option value="1">Option 1</option>
   <option value="2">Option 2</option>
   <option value="3">Option 3</option>
</Select>

<div id="1" class="colors" style="display:block">
    <div class="slider1">
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar4"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar5"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar6"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar7"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar8"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar9"></div>
    </div>
</div>
<div id="2" class="colors" style="display:none">
    <div class="slider2">
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar4"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar5"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar6"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar7"></div>
      <div class="slide"><img src="http://placehold.it/350x150&text=FooBar8"></div>
      <div class="slide"><img...

JavaScript

$(function() {
        $('#couponsSelector').change(function(){
            $('.colors').hide();
            $('#' + $(this).val()).show();
        });
    });


	$(document).ready(function(){
		$('.slider1').bxSlider({
            slideWidth: 200,
            minSlides: 2,
            maxSlides: 3,
            slideMargin: 10
		});
		$('.slider2').bxSlider({
            slideWidth: 200,
            minSlides: 2,
            maxSlides: 3,
            slideMargin: 10
		});
		$('.slider3').bxSlider({
            slideWidth: 200,
            minSlides: 2,
            maxSlides: 3,
            slideMargin: 10
		});
	});