Hi, when I try to put the code below in an HTML Embed, I get "Unexpected token" as an error. Have I understood how to use the backticks and $ sign correctly? Thanks in advance
<style>
.accordion-header {
background-color: #f4f4f4;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
.accordion-header:hover {
background-color: #ddd;
}
.accordion-content {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}
.accordion-header:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
</style>
<div class="accordion-item">
<button class="accordion-header"></button>
<div class="accordion-content">
<p>${Collection Item["Review_1_Name"]}</p> </div>
</div>
<script>
document.addEventListener('click', function(e) {
if (!e.target.matches('.accordion-header')) return;
e.target.classList.toggle('active');
var content = e.target.nextElementSibling;
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
});
</script>
