Привет всем, я создаю очень простой сайт на Cargo.site. Я использую Cargo 3. Почему этот код не работает при публикации? ⇐ CSS

[Anonymous]

Я создаю очень простой веб-сайт на сайте Cargo.site. Я использую Cargo 3. Я без проблем закодировал этот код, и все работает в режиме редактирования. Когда я публикую сайт, кажется, все работает, за исключением JavaScript, который должен открывать кнопки, раскрывающие скрытую информацию.
Это HTML, JavaScript нужно было поместить в теги. в конце, потому что js импортировать некуда.

Код: Выделить всё

[id="Y1912964742"] .backdrop {
}

.mobile [id="Y1912964742"] .backdrop {
}

.mobile [id="Y1912964742"] .page-layout {
}

[id="Y1912964742"] .page-content {
width: 100%;
}

.expandable-list {
list-style-type: none;
padding: 1;
}

.expandable-list li {
margin: 30px 0;
}

.expand-btn {
background: none;
border: none;
color: #000000;
text-align: inherit;
font-size: 30px;
cursor: pointer;
padding: 10px;
width: 100%;
font-family:  "IBM Plex Mono";
font-weight: 700;
font-style: normal;
}

.expand-btn:hover {
text-decoration: underline;
}

.expanded-content {
display: none;
padding: 10px;
margin-top: 5px;
background-color: #f9f9f9;
border: 1px solid #ddd;
}

.expanded-content p {
margin: 0;
}

Код: Выделить всё

        

File Format Multimedia Services


Excellence in every Byte.








[i]Shot by Gabriele Saraceno[/i]





[i]Shot by Andres Ramirez

[/i]







[i]Shot by Gabriele Saraceno[/i]





[i]Shot by Andres Ramirez[/i]





[i]Shot by Jonathan Noda[/i]





[list]
[*]
Film Processing


All Film Processing Orders Include:

          Developing, Scans Emailed, and Negatives Returned

          - BLACK AND WHITE $10

          - COLOR C41 $11

           - PUSHING AND PULLING IS AN ADDITIONAL $2 FEE

[url=https://forms.fillout.com/t/wUGeXHhtHUus]Click here to fill out a form and get started![/url]

[*]
Media Scanning

CHART HERE

[*]
Prints

CHART HERE

[*]
Stickers

CHART HERE

[*]
Photos

CHART HERE

[*]
Flyers

CHART HERE

[*]
Posters

CHART HERE


document.querySelectorAll('.expand-btn').forEach(button => {
button.addEventListener('click', function() {
const content = this.nextElementSibling;
if (content.style.display === "none" || content.style.display === "") {
content.style.display = "block";
} else {
content.style.display = "none";
}
});
});


[/list]

Все работает, за исключением JavaScript, я почти уверен.
Это ссылка на сайт, на котором он в данный момент не работает: fileformat.media
Я не знаю, почему он не работает после публикации.< /p>
Я пытался спросить своего друга, и он сказал, чтобы он добавил немного "aria-expanded" и некоторые прослушиватели событий в JS, чтобы прослушивать клик или проверять, развернут он или нет.
Не уверен.

Подробнее здесь: https://stackoverflow.com/questions/792 ... argo-3-why