Alert message unable to close after user click close button

[jubbot]

I am using Mall Theme and pop up alert work but when I am in contact page and filled in the field and clicked send to test the pop up alert, The popup alert did show but when I clicked the close button, nothing happen. This code works for Mall plugin but am I missing something that cause the form's alert not close on click?

{% flash %}
<script>
$(function() {
$.oc.flashMsg({type: '{{ type }}', text: '{{ message }}'})
})
</script>
{% endflash %}

[mplodowski]

What version of the plugin are you using?

In the latest version, the close button works out of the box using Bootstrap CSS framework.

[jubbot]

The version is 4.0.5. What version of bootstrap should I use? Can I just use the bootstrap js and style the alert myself ?

[mplodowski]

Sorry for long response.

I would just write jQuery code to hide this alert message after button click or native js function to handle this. Another approach would be to just hide this button with CSS.

I just use the default Demo Theme, to test plugin. It uses Bootstrap 5.3.