Javascript 悬停时展开/折叠div-未处于活动状态时不折叠

我已经设置了一些div，当你在上面悬停时它们会展开，但是当你不在上面悬停时它们不会关闭，它只会停留在你最后一个悬停的div上。如果你不在一个上面盘旋，我怎么能让它们都关闭呢

JS

CSS

HTML

文件

悬停

可以使用第二个函数作为参数，该参数为鼠标离开元素时添加处理程序。您可以在其中再次删除该类：

tiles.hover(function(){
   $(this).addClass('active');
}, function() {
   $(this).removeClass('active');
})

---

hover

可以使用第二个函数作为参数，在鼠标离开元素时添加处理程序。您可以在其中再次删除该类：

tiles.hover(function(){
   $(this).addClass('active');
}, function() {
   $(this).removeClass('active');
})

它的例子来自

如果您想以不同的方式使用mouseover（）和mouseout（）

它的例子来自

---

如果您想使用不同的方法，也可以使用mouseover（）和mouseout（）。

您能给出一个jsFiddle链接吗？您能给出一个jsFiddle链接吗？

<div class="buttons">

    <div class="button active">
        <span><i></i></span>
        <div class="header">
        <img src="/pageassets/test.jpg" alt="" />
        <h4 style="color:black;">Documents</h4>
        </div>
        <ul>    
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

tiles.hover(function(){
   $(this).addClass('active');
}, function() {
   $(this).removeClass('active');
})

$( "td" ).hover(
  function() {
    $( this ).addClass( "hover" );
  }, function() {
    $( this ).removeClass( "hover" );
  }
);