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

'fast'
'slow'
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
$('#b1').click(function(){
$( "#d1" ).effect( "fold" );
})
Adding callback Function:
We can display an alert window with message once the fold effect is over.

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


plus2net.com



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







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2019 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer