JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="dropdown">
                <ul>  
                   
                    <li class="dropdown" id="accountmenu" style="list-style: none;">  
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <input type="text" placeholder="">                        
                        <b class="caret"></b></a>  
                        <ul class="dropdown-menu">  
                            <li><a href="#">PHP</a></li>  
                                <ul class="dropdown-menu"> 

                                 <li><a href="#">PHP-sub</a></li>  

                                  <li><a href="#">PHP-sub2</a></li>  
                            </ul>                                    
                            <li><a href="#">MySQL</a></li>  
                            <li><a href="#">JavaScript</a></li>  
                            <li><a href="#">HTML5</a></li>  
                        </ul>  
                    </li>  
    </ul>          </div>
   <script type="text/javascript">  
        $(document).ready(function () {  
            $('.dropdown-toggle').dropdown();  
        });  
   </script>