JSFiddle - React, Tailwind, and code Playground

by Oleg Khobotov

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://khobotov.ru/examples/jquery.horizontalNav.js"></script>
</head>
<body>
<nav class="nav-wrapper">
   <ul>
      <li><a href="#">Navigation Item</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Blog</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
   </ul>
</nav> 
</body>
</html>

CSS

.nav-wrapper{width: 600px;}

JavaScript

$('.nav-wrapper').horizontalNav();