Добрый день.
Для начала несколько нюансов:
1. Вам нужно прекратить использовать тег font, он очень устаревший, и все источники сейчас не рекомендуют его использовать (
MDN)
2. Непонятно, зачем в данном коде добавлен, но не реализован функционал открытия данных спойлеров на чекбоксах. Все равно вы потом делаете все через JS. Кстати, именно из-за этого пришлось добавить event.preventDefault в обработчик события, иначе по клику на label ничего не происходило.
А вот и рабочий js - код:
$(".spoiler").click(function (e) {
e.preventDefault();
if ($(this).hasClass("spoiler--active") === false) {
$(".spoiler").removeClass("spoiler--active");
$(this).addClass("spoiler--active");
} else {
$(this).removeClass("spoiler--active");
}
});
=))