действие на две кнопки для показа полного календаря и обновления

Question

У меня есть этот сценарий

в меню начальной загрузки две кнопки: одна для отображения полного календаря и одна для добавления события в календарь

<div class="card-body">
  <h5 class="card-title">
      <button type="button" class="btn btn-success" data-toggle="modal" data-target="#addEvent">Aggiungi Work</button>
      <button type="button" class="btn btn-success" data-toggle="modal" data-target="#showCalendar">Mostra Calendario</button>
  </h5>
</div>

теперь в JS или другом методе новичка. Я хочу, если это возможно, когда я нажимаю на первую кнопку, появляется под кнопкой в ​​DIV, например, форма события вставки, подобная этой

<div class="modal fade" id="modalEvento" tableindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="box-body">
    <div class="form-group">
        <label class="col-sm-2 control-label">nome:</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="testoExtra">
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Dettagli:</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="dettagli">
        </div>
    </div>
</div>

и когда я нажимаю на вторую кнопку сравнить полный календарь (также по умолчанию)

это возможно?большое спасибо

я использую codeigniter, bootstrap и js