如何折疊div並使用bootstrap或js打開選項卡

Question

我想要當我單擊鏈接和smoot-scrool向下然后collapse 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. Scrool轉換為div（可正常工作）2.自動塌陷div（我該怎么辦？）3.自動打開標簽頁（我該怎么辦？）

請提出最佳方法和代碼示例。 謝謝

Answer 1

有關此問題，請參閱官方的引導程序文檔，這可能會有所幫助，或者至少為您提供了一個更好的解決方案的想法： http : //getbootstrap.com/javascript/#tabs

同樣是Jquery UI： https ： //jqueryui.com/tabs/#mouseover

我希望這些鏈接可以有用