Toggle Show/hide concept using java script

It is usually we are using this in all sites for some special purpose. toggle hide and show matter, and we can make this as simple login logout system link in the toggle system let's see, that's why we are using this toggle hide and show concept. let see how it works.

DOWNLOAD CODE                 DEMO

NORMAL STAGE

ON CLICK

Script

<script type="text/javascript"  

src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>

this is the script to make, hide and show concept. make call to the class or id what you given here the below.

Code

<div id="container">
<div class="panel">
<p> You can type any of your content right here.. 2my4edge</p>
</div>
<p class="flip">Click to Hide/Show</p>

that's it, make some class and and id for what you have to show and how you want to hide.

that's it, enjoy with the demo.

RELATED POSTS :

Image slider with random animation effects using Jquery

Redirect the page using javascript without .htaccess

Animated scroll to top by using Jquery

Create custom file chosen input type using Css and Jquery

Image Zoommer like E-commerce site using multizoom.js

Facebook style Scroll bar using Jquery

Browser full screen API using Query

Facebook Style Textarea Auto Grow Using JQuery Plugin and Css

Toggle Show/hide concept using java script

Floating menu using Jquery plugin