如何创建1个事件处理程序以通过2次单独的单击（随后）运行不同的函数？

Question

/ 我想编写一个事件处理程序，以便随后运行2个不同的事件，第一次单击时运行一个函数/效果，第二次单击鼠标时运行第二个函数/效果。现在，两个函数/效果都在第一次点击时运行。谢谢...... /

$(document).ready(function() {
  //box slides down on first click
  $("#firstElement").on("click", function() {
    $("#box").slideDown(1000);
  });
  //box should fade out on second(subsequent) click    
  $("#firstElement").on("click", function() {
    $("#box").fadeOut(1000);
  });


}); //endReady

#box {
  width: 300px;
  height: 200px;
  background: lime;
  display: none;
}

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

<p id="firstElement">clickMe</p>
<div id="box"></div>