jQuery : 対象をクリックすると別の対象が消える

クリックすると下文を隠す

消える文字

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
  $(function(){
    $('#trigger').click(function(){
      $('#hide-text').slideUp(1500);
    });
  });
</script>
<div id="trigger">クリックすると下文を隠す</div>
<p id="hide-text">消える文字</p>