JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<ul>
    <li>
        <a href="#">1</a>
        <ul>
            <li><a href="#">1.1</a></li>
            <li><a href="#">1.2</a></li>
        </ul>
    </li>
</ul>

CSS

.ui-menu { width: 150px; }
li li { 
  /* This fixes the IE10 issue */
  /*list-style-type: none;*/
}
.ui-menu-item li {
  /* This doesn't work...? */
  list-style-type: none;
}

JavaScript

$('ul').menu({
    focus: function(e, ui) {
        //This fixes the IE10 issue
        //$(ui.item).find("li").css("list-style", "none");
    }
});