JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://slidesjs.com/js/slides.min.jquery.js"></script>
<a class='add' href='#'>add slide</a>

<div id="slides">   
    <div class="slides_container">     
            <h1>Slide 1</h1>       
            <h1>Slide 2</h1>       
            <h1>Slide 3</h1>       
            <h1>Slide 4</h1>       
            <h1>Slide 5</h1>       
   </div> 
</div>

CSS

.slides_container {     width:470px;     height:70px;  margin-top: 20px; }   
.slides_container div {     width:470px;     height:70px;     display:block;   }

ul.pagination li { float: left; padding: 5px; }

JavaScript

$("#slides").slides();

    $('.add').on('click', function() {
    alert('hello');
        $('.slides_container').append('<h1>Slide added</h1>');
  return false;
      
    });