$(document).ready(function () { loader = $('#overlay, #loader'); UserRights = document.getElementById("roleRights").value; let IsArchived = true; prTable = $('#PRTable').DataTable({ ajax: $.extend({ url: '/PRMgmt/GetAllPR', type: 'GET', data: { IsArchived } }, beforeComplete(loader)), initComplete: initCompleteCallback, columns: colOnPRTable, order: [10, 'asc'], rowCallback: rowStatusColorCallback, responsive: true, language: { emptyTable: "No record available" }, error: errorHandler }); }) $(document).on('click', '.toggle-btn', function () { var $button = $(this); var $span = $button.prev('.item-display'); var isExpanded = $button.data('expanded'); if (!isExpanded) { // Show the full content var fullItems = decodeURIComponent($button.attr('data-full-items')); $span.html(fullItems); $button.text('...see less'); } else { // Show the short content var shortItems = decodeURIComponent($button.attr('data-short-items')); $span.html(shortItems); $button.text('...see more'); } // Toggle the expanded state $button.data('expanded', !isExpanded); });