JSFiddle - React, Tailwind, and code Playground

by Ramkumar Pillai

HTML

<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>

<a href="#" id="prev2">Prev</a>
<div class="pics" id="menu" style="position: relative;">
    <div>
    <a href="#">Link1</a> 
      <a href="#">Link2</a>       
     <a href="#">Link3</a>   
    </div>
     <div>
    <a href="#">Link4</a> 
      <a href="#">Link5</a>       
     <a href="#">Link6</a>   
    </div>
</div>           
<a href="#" id="next2">Next</a>

JavaScript

$(function() {    
$('#menu').cycle({ 
    fx:     'scrollHorz', 
    speed:  'slow', 
    timeout: 0, 
    next:   '#next2', 
    prev:   '#prev2' 
});   
});