Всем доброго времени суток!
Потребовалась вот какая штуковина. Сразу привожу код:
$(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 не спец ни разу.
Всем заранее большое спасибо!