- slideUp
- slideDown
- slideToggle
slideUp method of jQuery
This slideDown method is used to Slide down the html elements.
Syntax for slideUp in jQuery
$(selector).slideUp(speed,callback_function);
Example of slideUp in jQuery
<script>
function sldup()
{
$("#sld1").slideUp(1000);
}
</script>
<div id="sld1"><b>Test Element</b></div>
<input type="button" value="SlideUp" onclick="sldup();">
Output:
Test Element
slideDown method of jQuery
This slideUp method is used to slideup the html elements.
Syntax for slideDown in jQuery
$(selector).slideDown(speed,callback_function);
Example of slideDown in jQuery
<script>
function slddwn()
{
$("#sld2").slideDown(1000);
}
</script>
<div id="sld2" style="display:none;"><b>Test Element</b></div>
<input type="button" value="SlideDown" onclick="slddwn();">
Output:
slideToggle method of jQuery
This slideToggle method is used to slideup and slidedown the html elements.
Syntax for slideToggle in jQuery
$(selector).slideToggle(speed,callback_function);
Example of slideToggle in jQuery
<script>
function sldtgl()
{
$("#sld3").slideToggle(1000);
}
</script>
<div id="sld3" style="display:none;"><b>Test Element</b></div>
<input type="button" value="SlideToggle" onclick="sldtgl();">
Output:
Example Program:- (Editor)
Editor is Loading...
Advertisement
0 comments:
Post a Comment