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

 Posted by Vivek.Ramapuram on 9/1/2014 | Category: jQuery Interview questions | Views: 415 | Points: 40
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>


Asked In: While Learning | Alert Moderator 

Comments or Responses

Login to post response