Jquery Show Menu

by Mahadevan Sivasubramanian

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<section class="hero_banner">
  <div class="banner_Image">
  &nbsp;
</div>
&nbsp;
<div class="banner_Image">
  &nbsp;
</div>
&nbsp;
<div class="banner_Image">
  &nbsp;
</div>
</section>
&nbsp;
<div class="Sticky-menu">
  <div class="stickybox">
    <a href="#">A</a>
  </div>
</div>

CSS

.banner_Image{
  width:100%;
  height:300px;
  background-color:red;
}
.hero_banner{
  border:3px solid green;
}
.stickybox{
  background-color:white;
  color:white !important;
  border:2px solid orange;
  padding:5px;
  width:25px;
  text-align:center;
  text-decoration:none !important;
}
.Sticky-menu{
  display:none;
}

JavaScript

$('.hero_banner').ready(function() {
  setTimeout(function() {
	$('.Sticky-menu').css("display", "block");
  }, 500);
});