caret to font awesome

<script>$(document).ready(function() {
    // On click of the dropdown with class 'megamenu dropdown'
    $('.megamenu.dropdown').on('click', function() {
        var $dropdown = $(this); // The dropdown element itself
        var $icon = $dropdown.find('.caret'); // The caret span inside the dropdown
        
        // Check if the dropdown has the 'open' class
        if ($dropdown.hasClass('open')) {
            // Dropdown is open, show chevron-up
            $icon.removeClass('fa-chevron-down').addClass('fa-chevron-up');
        } else {
            // Dropdown is closed, show chevron-down
            $icon.removeClass('fa-chevron-up').addClass('fa-chevron-down');
        }
    });

    // Handle initial class addition on page load (if necessary)
    $('.megamenu.dropdown').find('.caret').addClass('fas fa-chevron-down'); // Default chevron-down
});
</script>