function changeButton(id,info){ if (id === 'duty-button') { $(`#${id}`).html(($(`#${id}`).html() === "Select") ? "<i class='bi bi-patch-check'></i>" : "Select") $.post('https://qb-multijob/toggleDuty'); } else if (id == 'delete-button') { $(`#${info}`).parent().parent().remove(); if ($(`.jobs`).children().length === 0) { $('.jobs').html('<h3 style="margin: auto;">You have no jobs</h3>'); } $.post('https://qb-multijob/deleteJob', JSON.stringify({ job: info.toString() })); } else { $('#duty-button').html("Select") $('.job-selectButton').each(function(index) { $(this).replaceWith(`<button class="button job-selectButton" id="${$(this).attr('id')}" data-grade="${$(this).data('grade')}">Select</button>`) }) $(`#${id}`).replaceWith( ` <div class="job-selectButton" id="${id}" data-grade="${info}"> <button class="half-button" id="delete-button" data-name="${id}" > <i class='bi bi-trash'></i> </button> <button class="half-button"> <i class='bi bi-patch-check'></i> </button> </div> `) $.post('https://qb-multijob/changeJob', JSON.stringify({ job: id.toString(), grade: info.toString() })); } }