<a class="fade-btn">
  ここを連打してみてね!
</a>

<div class="box">
</div>

.fade-btn {
  background: #e0e0e0;
  padding: 20px;
  display: inline-block;
  margin-bottom: 20px;
}

.fade-btn:hover {
  cursor: pointer;
}
.box {
  width: 300px;
  height: 300px;
  background: #ff8000;
}
$(".fade-btn").on('click',function(){
  $(".box").fadeToggle();
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js