Убирание блока при переключении табов
Всем доброго времени суток!
Потребовалась вот какая штуковина. Сразу привожу код: $(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 не спец ни разу. Всем заранее большое спасибо! |
мне это видится как-то так:
встроить что-то такого рода if (включаем таб) { блок с id=notab не показываем } в скрипт внизу |
$(function(){ $('#myTab a').click(function (e) { e.preventDefault(); $('#notab').hide(); $(this).showTab('show'); location.hash = $(this).attr('href'); }); }); |
Надо же, как все просто! Спасибо огромное!
|
Часовой пояс GMT +3, время: 00:57. |