Блог

В этом навигаторе вкладок вначале не выбрана ни одна вкладка, поэтому содержимое tab1 или tab2 не отображается, пока вы не нажмете на одну из них, у меня есть выпадающий список за его пределами, я хочу, чтобы этот навигатор вкладок возвращался, когда ни одна из вкладок не была выбрана, и их содержимое отображалось при изменении чего-либо в выпадающем списке. Как я могу это сделать в функции onchange выпадающего списка. У меня есть другие вкладки навигатора на странице, так что это должно быть что-то, что влияет только на этот.

     <div>
        <select id="DropDown1">
            <option selected value="0">0</option>
            <option value="2">1</option>
        </select>
    </div>


     <div class="well well-large">
        <ul class="nav nav-pills" id = "tab_n">
            <li><a href="#Tab1" data-toggle="tab">Tab1</a></li>
            <li><a href="#Tab2" data-toggle="tab">Tab2</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane" id="Tab1">
                //content
            </div>
            <div class="tab-pane" id="Tab2">
                //content
            </div>
        </div>
    </div>


<script>
       $('#DropDown1').on('change', function () {
            //First Try             
            tab_n.children[0].className = tab_n.children[0].className.replace(" active", "");
            tab_nav.children[1].className = tab_nav.children[1].className.replace(" active", "");

            //Second try
            $('a.nav-pills a[href="#Tab1"]').tab('hide');
            $('a.nav-pills a[href="#Tab2"]').tab('hide');

            //third try,this one hid the content permanently and didnt unselect the tab
            $('#Tab1').hide();
            $('#Tab2').hide();
         });    
    <script>
  

Я читал об этом здесь, но не работал:
http://www.w3schools.com/howto/howto_js_tabs.asp