Чтобы скрыть/показать элементы на страницах архива WordPress в соответствии с текстом с помощью JavaScript, вы можете использовать несколько методов. Вот несколько возможных подходов:
- Использование jQuery. Если ваша тема WordPress включает библиотеку jQuery, вы можете использовать ее функции для достижения желаемого эффекта. Вот пример фрагмента кода:
jQuery(document).ready(function($) {
// Replace '.archive-page' with the appropriate selector for your archive page container
$('.archive-page').find('h2:contains("Your Text Here")').nextAll().hide();
});
- Чистый JavaScript. Если вы предпочитаете избегать jQuery, вы можете добиться того же результата, используя чистый JavaScript. Вот пример фрагмента кода:
document.addEventListener('DOMContentLoaded', function() {
var archivePage = document.querySelector('.archive-page');
var headings = archivePage.querySelectorAll('h2');
for (var i = 0; i < headings.length; i++) {
if (headings[i].textContent.includes('Your Text Here')) {
var nextElements = getNextElements(headings[i]);
hideElements(nextElements);
}
}
});
function getNextElements(element) {
var nextElements = [];
var sibling = element.nextElementSibling;
while (sibling) {
nextElements.push(sibling);
sibling = sibling.nextElementSibling;
}
return nextElements;
}
function hideElements(elements) {
for (var i = 0; i < elements.length; i++) {
elements[i].style.display = 'none';
}
}
Эти методы нацелены на контейнер страницы архива (замените '.archive-page'соответствующим селектором для вашей темы) и скрывают элементы, следующие за заголовком, содержащим указанный текст.