JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<div id="reklama_right" width="240" height="1200">
    <div id="slider_1" class="bxslider">
        <div><a href="http://" target="_blank"><img src="http://bxslider.com/images/730_200/hill_trees.jpg" alt="kbn"/></a>
        </div>
        <div><a href="http://" target="_blank"><img src="http://bxslider.com/images/730_200/me_trees.jpg" alt="kbn"/></a>
        </div>
        <div><a href="http://" target="_blank"><img src="http://bxslider.com/images/730_200/houses.jpg" alt="kbn"/></a>
        </div>
    </div>
    <div id="slider_2" class="bxslider">
        <div><a href="http://" target="_blank"><img src="http://bxslider.com/images/730_200/hill_trees.jpg" alt="kbn"/></a>
        </div>
        <div><a href="http://" target="_blank"><img src="http://bxslider.com/images/730_200/me_trees.jpg" alt="kbn"/></a>
        </div>
        <div><a href="http://" target="_blank"><img src="http://bxslider.com/images/730_200/houses.jpg" alt="kbn"/></a>
        </div>
    </div>
</div>

JavaScript

$(document).ready(function () {

    $("#slider_1").bxSlider({
        auto: "true",
        mode: "fade",
        speed: "500",
        wrapperClass: "bx-wrapper",
        autoHover: "true",
        randomStart: "true",
        pause: "3000"
    });

    $("#slider_2").bxSlider({
        auto: "true",
        mode: "fade",
        speed: "500",
        wrapperClass: "bx-wrapper",
        autoHover: "true",
        randomStart: "true",
        pause: "3000"
    });

});