Return to Answer

function go1() { $("#demo").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100); }
function go2() { $('#demo2').delay(100).fadeOut().fadeIn('slow') }

#demo1, #demo2 {
  text-align: center;
  font-family: Helvetica;
  background: IndianRed;
  height: 50px; line-height: 50px;
  width: 150px;
}

<button onclick="go1()">Click Me</button>
<div id='demo1'>My Element</div>
<br>
<button onclick="go2()">Click Me</button> (from comment)
<div id='demo2'>My Element</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

function go1() { $("#demo1").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100)} 

function go2() { $('#demo2').delay(100).fadeOut().fadeIn('slow') }

#demo1, 
#demo2 {
  text-align: center;
  font-family: Helvetica;
  background: IndianRed;
  height: 50px;
  line-height: 50px;
  width: 150px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="go1()">Click Me</button>
<div id='demo1'>My Element</div>
<br>
<button onclick="go2()">Click Me</button> (from comment)
<div id='demo2'>My Element</div>

function go1() { $("#demo").fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100); }
function go2() { $('#demo2').delay(100).fadeOut().fadeIn('slow') }

#demo1, #demo2 {
  text-align: center;
  font-family: Helvetica;
  background: IndianRed;
  height: 50px; line-height: 50px;
  width: 150px;
}

<button onclick="go1()">Click Me</button>
<div id='demo1'>My Element</div>
<br>
<button onclick="go2()">Click Me</button> (from comment)
<div id='demo2'>My Element</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>