.content задайте свойство overflow: hidden;
var links = ['#tab1'];
var blockLinks = true; // флаг блокировки меню
// функция выполняющаяся по истечении таймаута
function pausePage (){
// сбрасываем флаг блокировки меню
blockLinks = false;
// далее остальной код .........
links.splice([1],1);
$(pages).addClass('hide').removeClass('anim').removeClass('anim2');
$(id).removeClass('hide').addClass('anim');
}
$(function(){
// ниже код который выполняется после загрузки страницы
// устанавливаем обработчик на click
$('.tabs li a').on('click', function(e){
// проверяем флаг blockLinks
if (blockLinks) {
// если установлена блокировка выходим!
e.preventDefault();
return false;
}
// здесь ниже код который должен выполняться по клику
// ................
// ................
});
// запускаем таймер
setTimeout (pausePage,3000);
})
$('.wrap .block').each(function(i){
var height = $(this).height()
var item = $('.wrap').eq(i).find('.item');
item.css({
'height': height
})
})
const containerSelector = 'ul';
const itemSelector = 'li';
const activeClass = 'active';const $containers = $(containerSelector).on('click', itemSelector, function(e) {
const index = $(itemSelector, e.delegateTarget).index(this);
$containers.find(`${itemSelector}.${activeClass}`).removeClass(activeClass);
$containers.find(`${itemSelector}:eq(${index})`).addClass(activeClass);
});const containers = document.querySelectorAll(containerSelector);
containers.forEach(n => n.addEventListener('click', onClick));
function onClick(e) {
const item = e.target.closest(itemSelector);
if (item) {
const items = this.querySelectorAll(itemSelector);
const index = Array.prototype.indexOf.call(items, item);
containers.forEach(container => {
container.querySelectorAll(itemSelector).forEach((n, i) => {
n.classList.toggle(activeClass, i === index);
})
});
}
}(function () {
var in_process = false;
$('#link').click(function (e) {
e.preventDefault();
if (!in_process) {
in_process = true;
$('#test').animate({height: '+=50'}, 2000, function () {
in_process = false;
alert($('#link').attr('href'));
});
}
});
})();
<header>
<div class="bg_header">
<nav>
<ul>
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт2</a></li>
<li><a href="#">Пункт3</a></li>
<li><a href="#">Пункт4</a></li>
<li><a href="#">Пункт5</a></li>
</ul>
</nav>
</div>
</header><div class="news__item-wrap">
<div class="news__item">
<div class="products__image">
<img src="https://i.ibb.co/Jm1BgzF/picture-image.jpg" alt="">
</div>
<div class="news__text">
<div class="news__title">
Выработка масла в год ...
</div>
<p class="news__description">
В Минск прибыли самые покупатели газа из Украины: «Автотранс», «НАДЕЖДА», «Укренерджи», ОККО, SOCAR, «БРСМ-Натфа», KLO и др. поставщиков представлляли. В Минск прибыли самые покупатели газа из Украины: «Автотранс», «НАДЕЖДА», «Укренерджи», ОККО, SOCAR, «БРСМ-Натфа», KLO и др. поставщиков представлляли. В Минск прибыли самые покупатели газа из Украины: «Автотранс», «НАДЕЖДА», «Укренерджи», ОККО, SOCAR, «БРСМ-Натфа», KLO и др. поставщиков представлляли.
</p>
</div>
</div>
</div>.news__item-wrap {
height: 352px;
width: -webkit-calc(100% / 3 - 16px);
width: calc(100% / 3 - 16px);
margin-right: 8px;
margin-left: 8px;
padding-bottom: 15px;
margin-bottom: 35px;
}
@media screen and (max-width: 960px) {
.news__item-wrap {
width: -webkit-calc(100% / 2 - 16px);
width: calc(100% / 2 - 16px); } }
@media screen and (max-width: 767px) {
.news__item-wrap {
width: -webkit-calc(100% / 1 - 16px);
width: calc(100% / 1 - 16px); } }
.news__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #fff;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); }
.news__item:hover {
z-index: 2;
}