StackOverflow Answer

Carousel example with jQuery

HTML

<div class="row">
  <div id="left">LEFT</div>
  <div id="test1">image + text 1</div>
  <div id="right">RIGHT</div>
  <div id="test2">image + text 2</div>

</div>

JavaScript

var $test1 = $("#test1");
var $test2 = $("#test2");

$("#test2").hide();

$("#left").click(function() {
  toggleViews($test2, $test1);
});

$("#right").click(function() {
  toggleViews($test1, $test2);
});

function toggleViews(viewToHide, viewToShow) {
  $(viewToHide).hide("slide", function() {
    $(viewToShow).show("slide");
  });
}