Fold effect using Jquery UI

Syntax of Fold effect using Jquery UI.

$( "#element" ).effect( "fold",{horizFirst: false/true,size: integer/string},speed,function(){

"fold" as effect. All other parameters are optional

speed (Optional)
It can take these values

time in millseconds

horizFirst (Optional)
Boolean (true or false). First horizontally to be folded while hiding. Default value is false

size (Optional)
Integer or string. This is the size of the folded element, default value is 15

callback function: (Optional)
We can use a callback function to execute once the fold effect is over

Default fold effect, here d1 is id of our div layer.
$( "#d1" ).effect( "fold" );
Let's keep this inside a Click event of a button, here button id is b1
$( "#d1" ).effect( "fold" );
Adding callback Function:
We can display an alert window with message once the fold effect is over.

Here is the code
$( "#d1" ).effect( "fold",7000,function(){
alert('This alert is created by using callback function once the effect is over');

Post your comments , suggestion , error , requirements etc here .

Most Popular JQuery Scripts


Two dependant list boxes


Calendar with Date Selection


Data change by Slider


Show & Hide element

JQuery Video Tutorials

We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2021 All rights reserved worldwide Privacy Policy Disclaimer