JSFiddle - React, Tailwind, and code Playground

by Kabir Hossain

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
//JS click trigger by mouse hover
<br/><br/><br/>
<nav class="nav">
	<ul>
    <li><a class="accordion-toggle" data-toggle="collapse" data-trigger="hover" data-parent="#submenu" href="#one">SHOW</a></li>
   <li><a class="accordion-toggle" data-toggle="collapse" data-trigger="hover" data-parent="#submenu" href="#two">SHOW Products</a></li>

        
    </ul>
	</nav>
     
    <div id="one" class="collapse">
    <div class="accordion-inner">
    HERE IS THE STUFF
    </div>
    </div>

    <div id="two" class="collapse">
    <div class="accordion-inner">
    HERE Products Item
    </div>
    </div>

JavaScript

$(document).ready(function(){
    $( ".accordion-toggle" ).mouseover(function(){
       $( this ).trigger( "click" );
    });
});