2016-07-23 3 views
0

リンクとスムートスクロールをクリックしてcollapsedivを開き、tabJavascriptに開きたいとします。divstを開いてブートストラップやjsで開くタブ

このコードはここに

<a data-scroll href="#smootScrool" onclick="callMyFunction('tab-1')"><h4 >Scrool, collapse and open tab authomatic</h4></a> 

をスクロールして、ハンドルに私は崩壊し、オープンタップすることができますが、私はJavaScriptでそれをauthomatic行うwan't。どうしたらいいですか?

<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. Authomaticの崩壊のdiv(どのように行うことができますか?) 3. Authomaticオープンタブ(どのように行うことができますか?)

してください提案の最良の方法コード例。おかげ

答えて

1

はそのことについて公式ブートストラップドキュメントは、役に立つことか、少なくともあなたに解決策を見つけるためにどのように良いアイデアを与えることができる参照してください:http://getbootstrap.com/javascript/#tabs

また、jQueryのUI:https://jqueryui.com/tabs/#mouseover

私はこれらのリンクはできることを願っています有用である

関連する問題