JSFiddle - React, Tailwind, and code Playground

by gurkavcu

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/smoothness/jquery-ui.css">
<div id="accordion"> 
    <h3 id="home"><a class="heading" href="~/Home">Home</a></h3> 
    <div> 
    </div> 
    <h3><a href="#">Browse</a></h3> 
    <div> 
        <li><a href="http://www.php.net/">PHP</a></li> 
        <li><a href="http://www.ruby-lang.org/en/">Ruby</a></li> 
        <li><a href="http://www.python.org/">Python</a></li> 
        <li><a href="http://www.perl.org/">PERL</a></li> 
        <li><a href="http://java.sun.com/">Java</a></li> 
        <li><a href="http://en.wikipedia.org/wiki/C_Sharp">C#</a></li> 
    </div> 
</div>

JavaScript

$("#accordion").accordion({
    event: "mouseover",
    alwaysOpen: false,
    autoHeight: false,
    navigation: true,
    collapsible: true
});

$('#home').unbind('mouseover');
$('#accordion').accordion('activate', 0);