JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/jquery.wijmo-open.1.4.0.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/jquery.wijmo-complete.1.4.0.css">
<script src="http://cdn.wijmo.com/external/jquery.bgiframe-2.1.3-pre.js"></script>
<script src="http://cdn.wijmo.com/external/jquery.glob.min.js"></script>
<script src="http://cdn.wijmo.com/external/jquery.mousewheel.min.js"></script>
<script src="http://cdn.wijmo.com/external/raphael.js"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-open.1.4.0.min.js"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-complete.1.4.0.min.js"></script>
<div class="main demo">
<!-- Begin demo markup -->
<ul id="flyoutmenu">
<li><a href="#">Breaking News</a>
<ul>
<li>
<h3>
header</h3>
</li>
<li><a href="#">Entertainment</a></li>
<li><a href="http://www.w3schools.com/tags/html5.asp" disabled=true>Politics</a></li>
<li><a href="#">A&E</a></li>
<li><a href="#">Sports</a>
<ul>
<li><a href="#">Baseball</a></li>
<li><a href="#">Basketball</a></li>
<li><a href="#">A really long label would wrap nicely as you can see</a></li>
<li><a href="#">Swimming</a>
<ul>
<li><a href="#">High School</a></li>
<li><a href="#">College</a></li>
<li><a href="#">Professional</a>
<ul>
...
CSS
.demo .wijmo-wijmenu
{
margin: 3px;
}
.menuBtn
{
padding: 5px;
margin: 4px;
}
JavaScript
$("#flyoutmenu").wijmenu({ });