toggle one class add and one class remove same time and after click remove class add and add class remove jquery

$(".nav-link").click(function () {
  // If the clicked element has the active class, remove the active class from EVERY .nav-link>.state element
  if ($(this).hasClass("active")) {
    $(".nav-link").removeClass("active");
  }
  // Else, the element doesn't have the active class, so we remove it from every element before applying it to the element that was clicked
  else {
    $(".nav-link").removeClass("active");
    $(this).addClass("active");
  }
});  function viewPastClass(id) {
        var class_date = $('#pastclassdata' + id).val();
        // alert(class_date);
        // $('#plclasses').hide();

        $.ajax({
            type: 'GET',
            url: '{{ url("/teacher/class/viewPastClass") }}',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                'class_date': class_date,
            },
            success: function(result) {
                $('#plclasses').show(class_date);

            },
            error: function() {}
        });
    }