OHHHH. I think I see the issue.
You might have put some of the CSS in the code injection block.
So delete both codes from above replace with this (code injection)
<script>
window.Squarespace.onInitialize(Y, function() {
$('.ProductItem-additional .markdown-block').insertAfter('.ProductItem-details-excerpt');
$('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor', 'pointer');
$('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp();
$('.markdown-block .sqs-block-content h3').click(function() {
if ($(this).nextUntil('h3').is(':hidden')) {
$('.markdown-block .sqs-block-content h3').nextUntil('h3').slideUp();
$('.markdown-block .sqs-block-content h3').removeClass('ui-open');
$('.markdown-block .sqs-block-content h3').addClass('ui-closed');
$(this).nextUntil('h3').slideDown();
$(this).toggleClass('ui-closed ui-open');
} else {
$(this).nextUntil('h3').slideUp();
$(this).toggleClass('ui-closed ui-open');
}
});
});
</script>
Then add this to Design -> Custom CSS
.markdown-block p {
margin-left: 1em;
}
.markdown-block .ui-closed:before {
font-family: monospace;
content: "+ ";
color: #2DA9C6;
}
.markdown-block .ui-open:before {
font-family: monospace;
content: "- ";
color: #2DA9C6;
}
Put this in the header code injection
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
