时间戳

首页 > 解决方案 > 专注于折叠 Div

jquery - 专注于折叠 Div

问题描述

如何使用 jquery 聚焦引导折叠的 div。这是我的脚本：

<div class="tab-pane fade in active" id="home1">
  <div id="treeMapCategory">
    <h2 class="m-b-xxs">Defect Categories<span class="btn btn-primary btn-xs pull-right" id="defectCategories" data-toggle="collapse" data-target="#insightDefectCategories"><i class="fas fa-comments"></i> Add Insights</span></h2>
  </div>
</div><br/>
<div class="collapse" id="insightDefectCategories" tabindex="1">
  <div class="ibox-content box">
    <div class="insightsTitle"><br/>
      <h3> <i class="fas fa-comments"></i> Insights for Defect Categories</h3>
    </div>
  </div>
</div>

标签： jqueryhtml

解决方案

这是你想要的吗？

$("#insightDefectCategories").first().focus()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="tab-pane fade in active" id="home1">
  <div id="treeMapCategory">
    <h2 class="m-b-xxs">Defect Categories<span class="btn btn-primary btn-xs pull-right" id="defectCategories" data-toggle="collapse" data-target="#insightDefectCategories"><i class="fas fa-comments"></i> Add Insights</span></h2>
  </div>
</div><br/>
<div class="collapse" id="insightDefectCategories" tabindex="1">
  <div class="ibox-content box">
    <div class="insightsTitle"><br/>
      <h3> <i class="fas fa-comments"></i> Insights for Defect Categories</h3>
    </div>
  </div>
</div>

推荐阅读