JSFiddle - React, Tailwind, and code Playground

by JohnFish

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="dropdown clearfix"> <a class="dropdown-toggle" href="#" data-toggle="dropdown">Dropdown trigger</a>

    <ul id="dropdown" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <li><a tabindex="-1" href="#">Action</a>

        </li>
        <li><a tabindex="-1" href="#">Another action</a>

        </li>
        <li><a tabindex="-1" href="#">Something else here</a>

        </li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Separated link</a>

        </li>
    </ul>
</div>
<br>

JavaScript

//Credit to http://jsfiddle.net/7jkNc/ and PSL on SO for the bootstrap code.
function menu() {
    $(".dropdown-toggle").live("focusin",function(objectRef) {
        $(this).dropdown("toggle");
    });
}
menu();