我希望当我点击链接并向下滑动时折叠 div并使用Javascript打开tab >.
此代码已滚动
<a data-scroll href="#smootScrool" onclick="callMyFunction('tab-1')"><h4 >Scrool, collapse and open tab authomatic</h4></a>
到这里，通过句柄，我可以折叠并打开水龙头，但我不想用 Javascript 自动完成。我该怎么做？
<div class="panel-heading"><span id="smootScrool" "> Scrolled Here!</span>
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion2" href="#collapse-9" class="collapsed" aria-expanded="false">
<i class="fa fa-angle-down control-icon"></i>
<i class="fa fa-universal-access"> Qeydiyyatsız müraciət</i>
</a>
</h4>
</div>
<div id="collapse-9" class="panel-collapse collapse" aria-expanded="false">
<div class="panel-body">
<div class="row">
<div class="col-md-12 page-content ">
<div class="hr1 margin-top"></div>
<div class="tabs-section">
<!-- Nav Tabs -->
<ul class="nav nav-tabs center-block">
<li class="active"><a href="#tab-1" data-toggle="tab"><i class="fa fa-question"></i>TAB 1</a></li>
<li><a href="#tab-2" data-toggle="tab"><i class="fa fa-envelope"></i>TAB 2</a></li>
<li><a href="#tab-3" data-toggle="tab"><i class="fa fa-briefcase"></i>TAB 3</a></li>
<li><a href="#tab-4" data-toggle="tab"><i class="fa fa-legal"></i>TAB 4</a></li>
</ul>
<!-- Tab panels -->
<div class="tab-content">
<!-- Tab Content 1 -->
<div class="tab-pane fade in active" id="tab-1">
<div class="row">
</div>
</div>
1.滚动到 div (此工作) 2.自动折叠div(怎么办？) 3.自动打开标签页(怎么办？)
请建议最佳方法和代码示例。谢谢
最佳答案
请参阅相关的官方 Bootstrap 文档，可能会有所帮助，或者至少可以让您更好地了解如何找到解决方案:http://getbootstrap.com/javascript/#tabs
还有 Jquery UI:https://jqueryui.com/tabs/#mouseover
我希望这些链接有用
关于javascript - 如何使用 bootstrap 或 js 折叠 div 并打开选项卡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38544916/