How to use a fold effect in Jquery ?

 Posted by Vivek.Ramapuram on 9/1/2014 | Category: jQuery Interview questions | Views: 393 | Points: 40
Answer:

In order to show /hides an element folding in the Html page ..
For example :
Here this code should be written with in Html and body tags
For this Fold effect we should give a link of Jquery Version to run this effect
Css should be written with in the script


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">


<body>
<style>

div {
width: 600px;
height: 150px;
background: blue;
border: 2px solid black;
}
</style>


<button>Fold</button>
<div></div>

<script>
$("button").click(function () {
$("div").toggle("fold", 1000);
});
</script>


Asked In: While Learning | Alert Moderator 

Comments or Responses

Login to post response