Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Убирание блока при переключении табов (https://javascript.ru/forum/misc/39923-ubiranie-bloka-pri-pereklyuchenii-tabov.html)

pifon 17.07.2013 12:23

Убирание блока при переключении табов
 
Всем доброго времени суток!

Потребовалась вот какая штуковина. Сразу привожу код:

$(function(){
    $('#myTab a').click(function (e) {
       e.preventDefault();
       $(this).showTab('show');
       location.hash = $(this).attr('href');
     });
    });


<div class="tabbable">
        <ul class="nav nav-tabs" id="myTab">
            <li><a rel="Brothe" href="#Brother" class="actvkladka" data-toggle="tab">Brother</a></li>
            <li><a rel="Cano" href="#Canon" class="actvkladka" data-toggle="tab">Canon</a></li>
            <li><a rel="Epso" href="#Epson" class="actvkladka" data-toggle="tab">Epson</a></li>
            <li><a rel="H" href="#HP" class="actvkladka" data-toggle="tab">HP</a></li>
      
        </ul>

        <div class="tab-content">

            <div class="tab-pane" id="Brothe">
                контент Brother
            </div>
            <div class="tab-pane" id="Cano">
                контент Canon
            </div>
            <div class="tab-pane" id="Epso">
                контент Epson
            </div>
            <div class="tab-pane" id="H">
                контент HP
            </div>
         </div>
    </div>


$(function(){
$.fn.extend({
   showTab: function() {
    $('.tab-pane').hide();
  $('#'+this.attr('rel')).show();
   }
 });

});
$(function(e){
 if(location.hash){
   $('a[href='+location.hash+']').click();
   $('.active').attr({'class': ''});
   $('a[href='+location.hash+']').parent().addClass('active');
   e.preventDefault();
  } 
});


Собственно стандартный переключатель табов аля бутстрап.

Собственно вопрос:

Есть на этой же странице блок <div id="notab">

Задача - сделать, чтобы этот блок отображался на странице при загрузке, а при переключении табов вообще пропадал к чертям.

Помогите, кто чем может - я в JS и JQuery не спец ни разу.

Всем заранее большое спасибо!

pifon 17.07.2013 12:24

мне это видится как-то так:

встроить что-то такого рода

if (включаем таб) {
блок с id=notab не показываем
}


в скрипт внизу

ОлегА 17.07.2013 13:03

$(function(){
    $('#myTab a').click(function (e) {
       e.preventDefault();
       $('#notab').hide();
       $(this).showTab('show');
       location.hash = $(this).attr('href');
     });
    });

pifon 17.07.2013 14:07

Надо же, как все просто! Спасибо огромное!


Часовой пояс GMT +3, время: 21:58.