JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div id="content" class="carousel slide" data-interval="false">
    <div class="carousel-inner">
        <div class="item active">Slide 1</div>
        <div class="item">Slide 2</div>
        <div class="item">Slide 3</div>
    </div>
    <a class="carousel-control left" href="#content" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#content" data-slide="next">&rsaquo;</a>
</div>
<a href="" class="clicky">clicky</a>
<p>xxx</p>

CSS

.item {
    background-color: grey;
    height: 150px;
}

JavaScript

$('.clicky').click(function speel() {
    $('#content').carousel(1);
    return false;
});