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