I have been working on setting up an edit button that toggles the visibility of save and cancel buttons. However, I encountered a problem where all the buttons disappear when I click on the edit button. This issue did not occur with my other buttons, and there were no error messages displayed when clicking them. I have included a snippet of my code below.
//Edit button functionality
$(document).ready(function () {
//Code for editing First Name
$('#edit').on('click', function () {
$(this).hide();
$('#save, #cancel, #inputFirst').show();
});
$('#save').on('click', function () {
$('#edit').show();
$('#save, #cancel, #inputFirst').hide();
});
//Code for editing Last Name
//Additional functionalities for editing other details
})/*---Custom CSS Styles---*/
.roomcard {
/* Add your custom styles here */
}
.service{
/* Add your custom styles here */
}
/*---Adjust Prices---*/<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>StudioPick</title>
<!-- Include necessary scripts and stylesheets -->
</head>
<body>
<!-- Add your HTML content here -->
</body>
</html>