There is a hidden element that should be displayed upon an action trigger.
Sample code:
<a href="#Comment" class="btn btn-control" id="Commentbtn">
<svg class="olymp-comments-post-icon"><use xlink:href="../svg-icons/sprites/icons.svg#olymp-comments-post-icon"></use></svg>
</a>
<form class="need-validation d-none" id="commentbox">
.
.
.
</form>
<script>
$("#Commentbtn").click(function () {
$("commentbox").removeClass("need-validation d-none");
$("commentbox").addClass("need-validation d-block");
});
</script>
The expected behavior is for the element to appear after clicking the anchor tag, but it does not happen. Additionally, the classes do not change as intended.