Stalker_RED

У вас селекторы выбирают элементы по всей странице, а вам нужно получить кликнутый элемент, найти родительский element-sidebar_content, и дальше работать только с его содержимым.

Ну и вообще, можно не мучаться с каждой конопочкой, а менять только родителю .active, а все остальное на css.

Никак.

P.S.: Rejetto конечно клевый, и спасибо ему за R&Q, но вот этот вот HTTP File Server - довольно странная штука для 2018 года.

P.P.S.: А не, таки можно создать папку (и вообще что угодно сделать с хост-компом)
https://www.exploit-db.com/exploits/39161/

let foo = data.findIndex(item => item.link === location.pathname)

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Туториал о svg path: https://developer.mozilla.org/ru/docs/Web/SVG/Tuto...
Демка с вашей фигурой:

Псевдоэлементы с radial-gradient который закрашивает один угол.
И углам табов и градиенту можно задать эллипсоидную форму.
Как-то так:

Работать будет, и скорее всего даже ничего не взорвется.

Но однажды вы, или другшой разработчик увидев $date='12:00'; и не заметив $date='12 октября'; попытается использовать эту переменную для обработки '12:00' и получит ошибку.