Javascript 显示完整日历和刷新的两个按钮上的操作

我有这种情况

在引导菜单下 两个按钮一个用于显示完整日历，另一个用于在日历中添加事件

<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>

诺姆：
德塔格利：

当我点击第二个按钮时，比较fullcalendar（也是默认值）

可能吗？ 非常感谢

我使用codeigniter、bootstrap和js