JSFiddle - React, Tailwind, and code Playground

by dhoerster

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&amp;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();