L1nw0od

document.querySelectorAll('a').forEach(link => {
  if (link.pathname === window.location.pathname) {
    link.classList.add('active')
  } else {
    link.classList.remove('active')
  }
})

Посмотрите на код https://jsfiddle.net/gpwyn1um/ я немного подправил скрипт от оригинала (исправил подключение в самом скрипте, чтобы не было лишнего кода на странице и изменил крестик для закрытия окна, вместо буквы "Х")

Мой вам совет. Не стоит делать на странице автозапуск музыки, это отталкивает людей. На крайний случай поставьте програмно громкость на "очень тихо" чтобы при заходе на страницу людям не било в уши из всех колонок и саббуфера.

ЗЫ: вы даже не представляете сколько за сегодняшнюю ночь людей матюкнется в мой адрес за то что кинутая мной в ответе демка запускает музон))))

Direction aware hover

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;      /* let the content decide it  */
}

Как тебе и сказали ответ и в вопросе и в комментариях кода.

div.hide(); // скрываем его - УДАЛИТЬ
добавить вместо этого
div.removeClass('DEL_BADCLASS').addClass('ADD_SUPERCLASS');

https://www.chartjs.org/docs/latest/charts/line.ht...
lineTension: 0

var lineChartData = {
    labels: ["Data 1", "Data 2", "Data 3", "Data 4", "Data 5", "Data 6", "Data 7"], //тут
    datasets: [{
        fillColor: "rgba(220,220,220,0)",
        strokeColor: "rgba(220,180,0,1)",
        pointColor: "rgba(220,180,0,1)",
        data: [20, 30, 80, 20, 40, 10, 60] //тут
    }, {
        fillColor: "rgba(151,187,205,0)",
        strokeColor: "rgba(151,187,205,1)",
        pointColor: "rgba(151,187,205,1)",
        data: [60, 10, 40, 30, 80, 30, 20] //и тут
    }]

define('DB_HOST', 'localhost');
define('DB_LOGIN', '1');
define('DB_PASSWORD', '1');
define('DB_NAME', '1');

$mysqli = mysqli_connect(DB_HOST, DB_LOGIN,DB_PASSWORD, DB_NAME);
mysqli_set_charset($mysqli ,"utf-8");
/*Это различие - это внутренняя деталь реализации MySQL. Оба выглядят как UTF-8 на стороне PHP. Используете ли вы utf8 или utf8mb4, PHP будет иметь действительный UTF-8 в обоих случаях.*/
if(!$mysqli){
echo 'Подключение к базе данных не удалось!'.mysqlit_error($mysql).' '.mysqli_errno($mysql);
}else{
mysqli_query($mysqli, "SELECT * FROM тут имя таблицы");
}

mysqli_close($mysqli);

1. Заверстать такую полоску, в ней элемент с нулевой шириной и белой заливкой.
2. Взять все слайды за 100% (допустим, их 4).
3. Смотреть какой слайд в данный момент активен (допустим, третий) и считать ширину заливочного элемента:

$('.заливочный_элемент').width(100 / все_слайды.length * (активный_слайд.index() + 1) + '%');

4. Получаем 75% ширины.

responsinatop.com
quirktools.com

https://www.browserstack.com/

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modalContact" data-info="1">Кнопка 1</a>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modalContact" data-info="2">Кнопка 2</a>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modalContact" data-info="3">Кнопка 3</a>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modalContact" data-info="4">Кнопка 4</a>

$('.btn').click(function() {
$('[type="hidden"]').val($(this).data('info'));
});