функция нажатия кнопки JavaScript

Question

Я создаю систему посещаемости для программирования наших сотрудников на PHP и JS.

У меня есть кнопка ADD - для добавления новой записи и кнопка EDIT для редактирования вставленной записи

Мне нужно что-то сделать, чтобы, когда сотрудники записывали время начала, нажимая кнопку ДОБАВИТЬ, я хочу скрыть время окончания и показывать, когда нажимали только кнопку РЕДАКТИРОВАТЬ>

КАК это сделать?

$(document).ready(function() {
  $('#add_button').click(function() {
    $('#product_form')[0].reset();
    $('.modal-title').text("Add record");
    $('#action').val("Add");
    $('#operation').val("Add");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Add record form in fact it same when click edit same form but I need to hide time-end when click ADD .

<div id="productModal" class="modal fade">
  <div class="modal-dialog">
    <form method="post" id="product_form">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">ADD NEW RECORD</h4>
        </div>
        <div class="modal-body" dir="rtl">
          <label>STAFF NAME</label>
          <input type="text" name="attendance_name" id="attendance_name" class="form-control" value="<?php echo $_SESSION['user']['fname'];?> <?php echo $_SESSION['user']['lname'];?>" />
          <br />
          <label>ID NO</label>
          <input type="text" name="attendance_username" id="attendance_username" class="form-control" value="<?php echo $_SESSION['user']['username'];?>" />
          <br />
          <label>TIME LOGIN </label>
          <input type="text" value="<?php echo " " . date("h:i:s ");
         ?>" name="attendance_start" id="attendance_start" class="form-control" />
          <br />


          <label>TIME LOGOFF </label>

          <h1>Here I need to hide input for add record and show when click button EDIT</h1>
          <br />


        </div>
        <div class="modal-footer">
          <input type="hidden" name="attendance_id" id="attendance_id" />
          <input type="hidden" name="operation" id="operation" />
          <input type="submit" name="action" id="action" class="btn btn-success" value="Add" />
        </div>
      </div>
    </form>
  </div>
</div>