var slider = $(sliderSelector);
var preview_slider = $(sliderPreviewSelector);
slider.owlCarousel({
items: 1,
nav: false,
dots: false,
loop: false,
onChanged: callback
});
function callback(e) {
var index = e.item.index;
preview_slider.removeClass('active').eq(index).addClass('active');
}
slide_preview.click(function () {
var index = $(this).index();
slider.trigger("to.owl.carousel", [index, 300, true]);
});
const blockSelector = '.ingredient-b';
const inputSelector = 'input';
const className = 'display_none';
$(blockSelector)
.addClass(className)
.filter((i, n) => $(inputSelector, n).val())
.removeClass(className);
// или
document.querySelectorAll(blockSelector).forEach(n => {
n.classList.toggle(className, !n.querySelector(inputSelector).value);
});
$(blockSelector).on('input', inputSelector, e => {
$(e.delegateTarget).toggleClass(className, !$(e.target).val());
});
// или
document.querySelectorAll(`${blockSelector} ${inputSelector}`).forEach(function(n) {
n.addEventListener('input', this);
}, ({ target: t }) => t.closest(blockSelector).classList.toggle(className, !t.value));
$(function() {
$("input").each(function() {
if (!$(this).val()) {
$(this).parent().addClass('display_none');
} else {
$(this).parent().removeClass('display_none');
}
});
});
$(document).on('input', '.editor', function() {
const content = $('.editor')
.get()
.map(n => `\n <li>${$(n).html()}</li>`)
.join('');
$('textarea').val(`<ul>${content}\n</ul>`);
});