Максим

Уберите уникальные id, добавьте общие классы.
Если id нужен, положите его в data-атрибут корневого элемента комментария.
Уберите атрибут style, его содержимое разместите в стилях класса соответствующего элемента.
Вместо переключения двух классов у разных элементов переключайте один - у корневого элемента комментария.

<div class="comment" data-id="187">
  <a class="comment-edit">Редактировать</a>
  <span class="comment-panel"></span>
</div>

.comment .comment-panel {
  display: none;
}

.comment.editing .comment-panel {
  display: inline;
}

.comment.editing .comment-edit {
  color: red;
}

const containerSelector = '.comment';
const buttonSelector = '.comment-edit';
const activeClass = 'editing';


// вот вам ваш jquery
$(containerSelector).on('click', buttonSelector, e => {
  const id = $(e.delegateTarget).toggleClass(activeClass).data('id');
  console.log(id);
});

// или, к чёрту jquery
document
  .querySelectorAll(`${containerSelector} ${buttonSelector}`)
  .forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const container = this.closest(containerSelector);
  container.classList.toggle(activeClass);
  const { id } = container.dataset;
  console.log(id);
}

Через strokeDashoffset не получится сделать анимацию рисования пунктирной линии. Можно для линии сделать маску и ее уже анимировать.

<div class="icon"></div>

.icon {
  font-size: 60px;
  display: inline-block;
  border: 0.1em solid black;
  border-radius: 0.5em;
  width: 1em;
  height: 2em;
  position: relative;
}

.icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  background: black;
  left: 50%;
  top: 30%;
  transform: translateX(-50%);
  box-shadow: 0 -0.4em black, 0 0.4em black;
}

.icon::after {
  content: "";
  display: inline-block;
  border: 0.15em solid black;
  border-left: 0;
  border-top: 0;
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

https://jsfiddle.net/udygv7xr/

GIF не может содержать аудио. Разве что изобрести свой собственный формат, который будет содержать и то, и другое, но тогда нужно будет изобрести свой собственный софт, который будет этот формат воспроизводить и кодировать. Но зачем, чем не угодил исходный видеофайл?

https://isotope.metafizzy.co/

$('.list-item').filter((i, n) => $(n).data('pagereview') !== $(n).data('pageslug')).hide();

или

$('[data-pageslug]').each(function() {
  const $this = $(this);
  $this.toggle($this.attr('data-pagereview') === $this.attr('data-pageslug'));
});

или

document.querySelectorAll('.list-item').forEach(n => {
  n.hidden = n.getAttribute('data-pagereview') !== n.getAttribute('data-pageslug');
});

или

for (const { style, dataset } of document.getElementsByClassName('list-item')) {
  if (dataset.pagereview !== dataset.pageslug) {
    style.display = 'none';
  }
}

или

.hidden {
  display: none;
}

const items = document.querySelectorAll('[data-pageslug]');
for (let i = 0; i < items.length; i++) {
  const { classList: c, attributes: a } = items[i];
  c.toggle('hidden', a['data-pagereview'].value !== a['data-pageslug'].value);
}

https://codepen.io/aliencash/pen/yLNapBB?editors=1100

$(document).ready(function(){

function showxxx()
    {
        $.ajax({
            url: "rand_banner_header.php",
            cache: false,
            success: function(html){
                $("#contentqxxxxxxx").html(html);
            }
        };

        setTimeout(showxxx, 30000);
    });

нет

Раз есть svg, то использовать только его. Для ширины карты на 100% не использовать блоки ограничители, а вместо этого блок с шириной 100%

И мой вам совет - выкиньте бутстрап. Он подходит лишь для прототипирования или для админок без дизайна. Во всех остальных проектах, у которых есть минимальный дизайн которому нужно следовать - верстка превратится в борьбу с бутстраповскими стилями. На крайняк использовать только сетку и js часть, если есть проблемы с написанием скриптов с 0

Если все же без бустрапа никак - берите .container-fluid и почитайте доку, она есть и на русском

navigationItems.sort(mySortFunc)

function mySortFunc(itemA, itemB) {
  return itemA.id - itemB.id
}

Можно использовать для этого getComputedStyle