What is the action of blind effect in Jquery and how to apply blind effect in Jquery?

Answer:

The blind effect hides/shows an element by wrapping the element in a container, and "pulling the blinds"

Example:
The code should be written with in the body html and body tags.
For applying this blind effect we should give a link of jquery version

This is the link of jquery version

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>

  <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

<link rel="stylesheet"  

    href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">



  <style>

  #toggle {

    width: 300px;

    height: 100px;

    background: black;

    background:white;

  }

  </style>

 



<p>Click here for the action.</p>

<div id="toggle"></div>

 

<script>

$( document ).click(function() {

  $( "#toggle" ).toggle( "blind" );

});

</script>