<style>
.wrap li {
display: none;
}
</style>
<div class="wrap">
<ul>
<li>Услуги1</li>
<li>Услуги2</li>
<li>Услуги3</li>
<li>Услуги4</li>
<li>Услуги5</li>
<li>Услуги6</li>
</ul>
<a href="#">Еще</a>
</div>
var li = document.querySelectorAll('.wrap li'),
a = document.querySelector('.wrap a'),
n = 2;
function showMore(n) {
for (var i = 0; i < li.length; i++) {
if (i < n) {
li[i].style.display = 'block';
if (n === li.length) a.style.display = 'none';
} else {
break;
}
}
}
showMore(n);
a.onclick = function(e) {
e.preventDefault();
n += 2;
showMore(n);
}
event.preventDefault();
для формы. Если ответ не ок - показываете ошибку, иначе идём далее:/wp-admin/admin-ajax.php
functions.php
пишете функцию-обработчик формы, не забыв по выходу из функции die();
wp_ajax_nopriv_НАЗВАНИЕ_ЭКШЕНА_ФОРМЫ
и wp_ajax_НАЗВАНИЕ_ЭКШЕНА_ФОРМЫ
var str = 'transactions?TransactionsSearch[statuses][]=closed&TransactionsSearch[statuses][]=decline&TransactionsSearch[statuses][]=pending&TransactionsSearch[statuses][]=open?TransactionsSearch[specifications][]=transfer_main_user_to_main_company&TransactionsSearch[specifications][]=bonus_charge&TransactionsSearch[specifications][]=wallet_in_for_order_pay_blockchain&TransactionsSearch[direction]=all&TransactionsSearch[limit]=10'
str.replace(/\?/g, '&').replace('&', '?');
$.autocomplete({})
метод renderItem
(пишу по памяти), ну и переопределить его на свой, чтобы рендерил элементы ссылками. event.target
в таком случае становятся h3 или span, а не info-header-tab, а они соответственно не содержат класса info-header-tab. Нужно проверять по другому:info.addEventListener('click', function (event) {
let target = event.target;
let t;
if (target.parentElement.classList.contains('info-header-tab'))
t = target.parentElement;
else if (target.classList.contains('info-header-tab'))
t = target;
if (t) {
for (let i = 0; i < tab.length; i++) {
if (t == tab[i]) {
hideTabContent(0);
showTabContent(i);
break;
}
}
}
});
<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 === 'Подробнее' ? 'Скрыть' : 'Подробнее';
});