Тег деталей у HTML5 і реалізація jQuery

HTML5

Згідно з W3school, HTML5 додав новий тег, подробиці. Його приклад використання:

<details>
  <summary>Computing & Technology.</summary>
  <a class="vglnk" target="_blank" href="https://helloacm.com" rel="nofollow"><span>https</span><span>://</span><span>helloacm</span><span>.</span><span>com</span></a>
</details>

Якщо ваш веб-переглядач підтримує HTML5 і підтримує цей тег, ви побачите наступне :

▶ Computing & Technology.

На жаль, не всі браузери підтримують це, наприклад Microsoft IE або браузери Edge. Але ви завжди можете використовувати jQuery (або чистий javascript), щоб досягти тих самих ефектів (принаймні на 99% подібних).

▶ Обчислення та технології.

Вихідний код:

jQuery(document).ready(function() {
  jQuery('#example_label1').click(function() {
     jQuery('#example_d1').toggle();
  });
});

Визначено два HTML div: example_label1 і example_d1. Трикутник Юнікоду праворуч перетворений на нижній, але це не враховано в цій простій заміні jQuery .

Схоже, ви користуєтеся блокувальником реклами. Але без прибутку від реклами ми не зможемо продовжувати робити цей сайт чудовим. Я розумію, що я вимкнув блокувальник реклами.