Javascript 如何在鼠标悬停而不是单击时切换jQuery响应选项卡？

我使用jQuery响应选项卡制作了一个手风琴菜单。单击鼠标即可打开/关闭面板。如何修改此选项以在鼠标悬停时打开/关闭面板

以下是我初始化响应选项卡的方式：

/*==========  Tabs Responsive ==========*/
function TabsResponsive(){
    if($('#tabs-responsive').length){
        $('#tabs-responsive').responsiveTabs({
            rotate: false,
            active:0,
            startCollapsed: 'accordion',
            collapsible: 'accordion',
            animation: 'slide',
            duration:300,
            setHash: false
        });
    }
}

这是我的简化HTML代码：

<div id="tabs-responsive">
    <ul class="nav-tab" id="classifiedMenu">
        <li><a href="#books" aria-controls="books" data-toggle="tab">Books</a></li>
        <li><a href="#sports" aria-controls="sports" data-toggle="tab">Sports</a></li>
    </ul>                                    
    <div id="classifiedContent" class="tab-content overflow-auto">
        <div class="tab-pane classified" id="books">
            <div class="text-content">
                <ul class="classified-links">
                    <li><a href="#">Children</a></li>
                    <li><a href="#">Comics</a></li>
                    <li><a href="#">Cookbooks</a></li>
                </ul>
            </div>
        </div>       

         <div class="tab-pane classified" id="sports">
            <div class="text-content">
                <ul class="classified-links">
                    <li><a href="#">Cycling</a></li>
                    <li><a href="#">Golf</a></li>
                    <li><a href="#">Football</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

---

查看该插件的自述：

将以下内容添加到“设置”块（在其中添加“可折叠”、“开始折叠”等）应该可以工作

event: 'mouseover'

---

相关的javascript/jQuery在哪里？如果不查看如何将事件绑定到函数，就无法告诉您如何修改某些内容…我可以在chrome开发工具中看到，当我单击按钮时，r-tabs-state-active被添加到相应的内容中。。。我以为Jquery.ResponsiveTabs.js会这么做？我正在为这个网站使用一个模板，所以我有一个附加的JS，它随模板一起提供。然后，你应该清楚地说明Jquery.ResponsiveTabs.JS的使用，因为你在你的问题中没有提到任何关于它的内容。谢谢，我会更新我的问题。