Как скрыть/показать элементы на страницах архива WordPress на основе текста с помощью JavaScript

Чтобы скрыть/показать элементы на страницах архива WordPress в соответствии с текстом с помощью JavaScript, вы можете использовать несколько методов. Вот несколько возможных подходов:

  1. Использование 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();
});
  1. Чистый 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'соответствующим селектором для вашей темы) и скрывают элементы, следующие за заголовком, содержащим указанный текст.