Здравствуйте уважаемые форумчане! Не работает самописный tab, проверяла код js ошибок нет, в html и css тоже вроде нету, в чем дело не пойму.Помогите пожалуйста.
<div class="tabs-pannel">
<div class="tabs">
<div data-target="tab-content-1" class="tab tab-1"><span>вклядка1</span></div>
<div data-target="tab-content-2" class="tab tab-2"><span>вклядка2</span></div>
<div data-target="tab-content-3" class="tab tab-3"><span>вклядка3</span></div>
</div>
<div class="tab-contents">
<div class="tab-content tab-content-1">
<p>содержимое;*1</p>
</div>
<div class="tab-content tab-content-2">
<p>содержимое;*2</p>
</div>
<div class="tab-content tab-content-3">
<p>содержимое;*3</p>
</div>
</div>
</div>
.tab {
display: inline-block;
width: 200px;
text-align: center;
background-color: #aaa;
height: 40px;
line-height:: 40px;
border-radius: 10px;
cursor: pointer;
}
.tab-content {
width: 610px;
background-color: rgba(130, 0, 0, .2);
margin: 5px;
display: none;
}
.hidden {
display: none;
}
.visible {
display: block;
}
<script>
var tab= $('.tab');
tab.click(function(){
consol.log('лик по табу');
var target= $(this).attr('data-target');
console.log('эта вкладка'+target);
$('.tab-content').hide();
$('.'+target).show();
});
</script>
