Question

我试图整合各位专家的解决方案，但是当我将鼠标悬停在面板上时，我仍然无法打开我的列。

我想要达到的目标是：

当鼠标移动到任何面板区域时（它不必超过实际的锚文本），面板主体会自动打开（随后所有其他面板都会关闭代码已经完成）。
当鼠标离开面板区域时，面板主体会自动折叠。

请查看我的代码，让我知道我做错了什么。非常感谢你的时间！

<div class="container">
    <div class="row">
       <div class="panel-group" id="Heyaccordion">
       <div class="panel panel-default col-lg-2">
           <div class="panel-heading">
              <h4 class="panel-title">
                 <a href="#collapseTopOneMore" data-toggle="collapse" data-parent="#Heyaccordion">Box 1</a> </h4>
           </div>
           <div class="panel-collapse collapse" id="collapseTopOneMore">
              <div class="panel-body">
                 <a href="#">Boxy 1 body</a>
              </div> 
           </div>
        </div> 
        <div class="panel panel-default col-lg-2">
           <div class="panel-heading">
              <h4 class="panel-title">
                 <a href="#collapseTopTwoMore" data-toggle="collapse" data-parent="#Heyaccordion">Box 2</a></h4>
           </div>
           <div class="panel-collapse collapse" id="collapseTopTwoMore">
              <div class="panel-body">
                 <a href="#"> Box 2 body</a>
              </div>
           </div>
        </div>
        <div class="panel panel-default col-lg-2">
           <div class="panel-heading">
              <h4 class="panel-title">
                 <a href="#collapseTopThreeMore" data-toggle="collapse" data-parent="#Heyaccordion">Box 3</a> </h4>
           </div>
           <div class="panel-collapse collapse" id="collapseTopThreeMore">
              <div class="panel-body">
                 <a href="#"> Box 3 body</a>
              </div>
           </div>
        </div>
    </div> 
</div>

在jscript中

$(".panel-heading").mouseenter(function () {
    $(".panel-collapse").fadeIn();
});
$(".panel-collapse").mouseleave(function(){
   $(".panel-collapse").fadeOut();
});

Answer 1

哦，我做了这个

.panel-title > a {
   width: 100%;
   display: block;
}

并且整个面板都是可点击的......但仍然需要点击。

Answer 2

我不是百分之百确定哪个班级给你不想崩溃的那个（例如扩展？）但是这应该会删除“崩溃”。来自唯一一个提出该事件的人：

filesInDir('core/edit_object');
function filesInDir($tdir) {
    $dirs = scandir($tdir);
    foreach($dirs as $file) {
        if (($file == '.') || ($file == '..') || ($file == '.DS_Store')) {
            } else if (is_dir($tdir.'/'.$file)) {
                filesInDir($tdir.'/'.$file);
            } else {
                //echo '/'.$tdir.'/'.$file."<br>";
                include '/'.$tdir.'/'.$file;
        }
    }
}

希望这对你有用。

当鼠标移过（或离开）面板时，如何使列/手风琴打开（或折叠）？

2 个答案: