Last updated on February 3rd, 2022 at 09:16 am
This is a very simple tutorial on how to show and hide a division tag or Expand and collapse toggle div using simple jquery.
<script src="http://code.jquery.com/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#butShowHideSlow").click(function () {
$("#divShowHideSlow").toggle("slow");
});
});
</script>
<button id="butShowHideSlow">Click Me</button>
<div style="width:300px;height:47px; border: solid 1px black;background-color:white;text-align:center;" id="divShowHideSlow">Div that hide and show slowly</div><?php include('ads.php');?>
<hr>
<a href="http://mistonline.in/wp">Home</a>
Check out the DEMO here
Very Simple Right 🙂