AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


     jQuery have three sliding methods to creating the sliding effects on elements. The types are define follows.


  1. slideUp
  2. slideDown
  3. 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

Total Pageviews