<button type="button"></button>
var searchBtn = document.querySelector('.main-header__button'),
searchInput = searchBtn.querySelector('.main-header__input'),
menu = document.querySelector('.main-header__menu');
searchBtn.onclick = function(event) {
searchInput.classList.add('main-header__input_active')
searchInput.focus()
this.classList.add('main-header__button_active')
menu.classList.add('hidden')
}
searchInput.onblur = function(event) {
this.classList.remove('main-header__input_active')
this.parentNode.classList.remove('main-header__button_active')
menu.classList.remove('hidden')
}
scrollTop
$(document).ready(function(){
var pos = 0;
$(document).on('mousewheel DOMMouseScroll', function (e) {
pos += 1000;
e.preventDefault();
$('html, body').animate({
scrollTop: pos
}, 1000, function() { });
});
});
var readMoreBtn = document.querySelector(".js-btn-readmore"),
readMoreContent = document.querySelector(".js-description-info");
readMoreBtn.addEventListener("click", function(event) {
event.preventDefault();
readMoreContent.classList.toggle("js-readmore-show");
this.textContent = this.textContent === 'Подробнее' ? 'Скрыть' : 'Подробнее';
});
.content {
display: none;
}
#draggable .content {
display: block;
}
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php if ( has_post_thumbnail()) { ?>
<a class="someclass" href="#">
<?php the_post_thumbnail('img-responsive'); ?>
</a>
<div class="content"><?php the_content();?></div>
<?php } ?>
$('.someclass').on('click', function(e) {
e.preventDefault();
var content = $(this).siblings('.content').clone();
openbox('draggable');
$('#draggable').append( content );
});
$('#slider').on('initialized.owl.carousel translated.owl.carousel', function (e) {
//т.е. инициализация(для первого вызова) и полная смена слайда
//Edited
//Возможно вам нужно очищать классы
$('.owl-item').removeClass('animated bounceOutUp');
$('.owl-item.activer').addClass('animated с заданным animation-delay bounceOutUp');
}