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');


* indicates required
Subscribe to plus2net

    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-2024 All rights reserved worldwide Privacy Policy Disclaimer