Я создаю слайдер и контент, используя Slick JS.
Вот мой код:
HTML
<div class='container'>
<div class='single-item'>
<div><h3>1</h3></div>
<div><h3 class="none">2</h3></div>
<div><h3 class="none">3</h3></div>
</div>
<div class="content">this is first content</div>
<div class="other">this is second content</div>
</div>
и мой JS
$(".slick-dots").click(function(){
if(!$(".slick-slide.slick-current").children().hasClass("none")){
$(".content").show();
$(".other").hide();
} else {
$(".content").hide();
$(".other").show();
}
var isDragging = false;
$(".slick-slide")
.mousedown(function() {
isDragging = false;
})
.mousemove(function() {
isDragging = true;
})
.mouseup(function() {
var wasDragging = isDragging;
isDragging = false;
if (wasDragging || !wasDragging) {
$(".other").show();
}
})
;
Я надеюсь использовать функцию перетаскивания, например кнопку щелчка в скользких точках.
Вот мой полный код: https://jsfiddle.net/dedi_wibisono17/e5bxsz3o/11/
Кто-нибудь поможет? Спасибо