$(".js-answer").click(function() {
let __this = $(this);
__this.addClass("current");
setTimeout(function() {
__this.removeClass("current");
}, 1400);
});
$(".js-answer").click(function() {
$(this).addClass("current");
setTimeout(() => {
$(this).removeClass("current");
}, 1400);
});
function ping(url, fn) {
fetch(url);
setTimeout(fn, 10000, url, fn);
}
ping("https://google.com", ping);
function ping(url, fn) {
fetch(url).then((response) => {
setTimeout(fn, 10000, url, fn);
});
}
ping("https://google.com", ping);
min-width: 530px;
max-width: 530px;
width: 530px;
margin: 0 10px;
.header-slider>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.header-slider.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
pagination: {
el: '.dots',
type: "bullets",
clickable: true,
bulletClass: "dot",
bulletActiveClass: "dot_active",
renderBullet: function (index, className) {
return '<div class="' + className + '"></div>';
},
},
appendTo: () => document.body,
Еще отдельно вопрос- по структуре кода можно ли оставить в таком виде слайдер в виде списка UL>LI, каждый li завернуть в .swiper-slide или переделать на .swiper-slide> div>button
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<ul class="swiper-wrapper">
<li class="swiper-slide"></li>
<li class="swiper-slide"></li>
<li class="swiper-slide"></li>
</ul>
.drinks__block-btn:hover ~ .drinks__block-title {
color: white
}
<div class="drinks__card card">
<button class="card__btn">ORDER NOW </button>
<div class="card__body">
<img class=card__img" src="images/drinks-img-1.png" alt="">
<h3 class="card__title">ESPRESSO</h3>
<p class="card__text">Without Milk</p>
<p class="card__price">300 ₽</p>
</div>
</div>
Ведь когда накладываю тень то кнопка оказывается квадрадной а не по форме рисунка.