Show / hide HTML element with jQuery

<div style="height:100px;width:100px;background:red;margin:8px" id="block"></div>
<button onclick="sh(event)">hide</button>
<script>
  function sh(e) {
    if ($(e.target).text() == "hide") {
      $("#block").hide();
      $(e.target).text("show");
    } else {
      $("#block").show();
      $(e.target).text("hide");
    }
  };
</script>