Sidebar Collapse

[kyawzinhtett]

Is there a way to collapse the sidebar on click without reloading the page? When I click feedback inside the sidebar, I want to show the feedback modal and close the sidebar without reloading the page. I'm using JQuery to close the sidebar but it's not working.

<!-- Sidebar -->
<aside class="main-sidebar sidebar-collapse sidebar-no-expand sidebar-light-primary elevation-4" id="sidebar">
    <!-- Sidebar content -->
    <ul class="sidebar-menu" data-widget="tree">
        <li class="nav-item">
            <a href="#" class="nav-link" id="feedback-button">
                <i class="nav-icon fas fa-comment"></i>
                <p>Feedback</p>
            </a>
        </li>
    </ul>
</aside>

<!-- Feedback Modal -->
<div class="modal" id="feedback-modal">
    <!-- Modal content -->
</div>

<script>
    $(document).ready(function() {
        $('#feedback-button').on('click', function() {
            // Close the sidebar
            $('#sidebar').removeClass('sidebar-collapse');
            $('#sidebar').addClass('sidebar-collapse');

            // Show feedback modal
            $('#feedback-modal').modal('show');
        });
    });
</script>