/*! * jQuery UI Effects Fold 1.13.2 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ //>>label: Fold Effect //>>group: Effects //>>description: Folds an element first horizontally and then vertically. //>>docs: http://api.jqueryui.com/fold-effect/ //>>demos: http://jqueryui.com/effect/ ( function( factory ) { "use strict"; if ( typeof define === "function" && define.amd ) { // AMD. Register as an anonymous module. define( [ "jquery", "./effect" ], factory ); } else { // Browser globals factory( jQuery ); } } )( function( $ ) { "use strict"; return $.effects.define( "fold", "hide", function( options, done ) { // Create element var element = $( this ), mode = options.mode, show = mode === "show", hide = mode === "hide", size = options.size || 15, percent = /([0-9]+)%/.exec( size ), horizFirst = !!options.horizFirst, ref = horizFirst ? [ "right", "bottom" ] : [ "bottom", "right" ], duration = options.duration / 2, placeholder = $.effects.createPlaceholder( element ), start = element.cssClip(), animation1 = { clip: $.extend( {}, start ) }, animation2 = { clip: $.extend( {}, start ) }, distance = [ start[ ref[ 0 ] ], start[ ref[ 1 ] ] ], queuelen = element.queue().length; if ( percent ) { size = parseInt( percent[ 1 ], 10 ) / 100 * distance[ hide ? 0 : 1 ]; } animation1.clip[ ref[ 0 ] ] = size; animation2.clip[ ref[ 0 ] ] = size; animation2.clip[ ref[ 1 ] ] = 0; if ( show ) { element.cssClip( animation2.clip ); if ( placeholder ) { placeholder.css( $.effects.clipToBox( animation2 ) ); } animation2.clip = start; } // Animate element .queue( function( next ) { if ( placeholder ) { placeholder .animate( $.effects.clipToBox( animation1 ), duration, options.easing ) .animate( $.effects.clipToBox( animation2 ), duration, options.easing ); } next(); } ) .animate( animation1, duration, options.easing ) .animate( animation2, duration, options.easing ) .queue( done ); $.effects.unshift( element, queuelen, 4 ); } ); } );
Name | Type | Size | Permission | Actions |
---|---|---|---|---|
accordion.js | File | 15.7 KB | 0644 |
|
accordion.min.js | File | 8.61 KB | 0644 |
|
autocomplete.js | File | 17.03 KB | 0644 |
|
autocomplete.min.js | File | 8.27 KB | 0644 |
|
button.js | File | 11.41 KB | 0644 |
|
button.min.js | File | 5.99 KB | 0644 |
|
checkboxradio.js | File | 7.36 KB | 0644 |
|
checkboxradio.min.js | File | 4.21 KB | 0644 |
|
controlgroup.js | File | 8.41 KB | 0644 |
|
controlgroup.min.js | File | 4.29 KB | 0644 |
|
core.js | File | 48.68 KB | 0644 |
|
core.min.js | File | 20.94 KB | 0644 |
|
datepicker.js | File | 80.56 KB | 0644 |
|
datepicker.min.js | File | 35.87 KB | 0644 |
|
dialog.js | File | 23.03 KB | 0644 |
|
dialog.min.js | File | 12.65 KB | 0644 |
|
draggable.js | File | 34.59 KB | 0644 |
|
draggable.min.js | File | 17.89 KB | 0644 |
|
droppable.js | File | 12.57 KB | 0644 |
|
droppable.min.js | File | 6.49 KB | 0644 |
|
effect-blind.js | File | 1.58 KB | 0644 |
|
effect-blind.min.js | File | 864 B | 0644 |
|
effect-bounce.js | File | 2.58 KB | 0644 |
|
effect-bounce.min.js | File | 975 B | 0644 |
|
effect-clip.js | File | 1.52 KB | 0644 |
|
effect-clip.min.js | File | 780 B | 0644 |
|
effect-drop.js | File | 1.54 KB | 0644 |
|
effect-drop.min.js | File | 737 B | 0644 |
|
effect-explode.js | File | 2.83 KB | 0644 |
|
effect-explode.min.js | File | 1.08 KB | 0644 |
|
effect-fade.js | File | 946 B | 0644 |
|
effect-fade.min.js | File | 509 B | 0644 |
|
effect-fold.js | File | 2.11 KB | 0644 |
|
effect-fold.min.js | File | 1004 B | 0644 |
|
effect-highlight.js | File | 1.19 KB | 0644 |
|
effect-highlight.min.js | File | 632 B | 0644 |
|
effect-puff.js | File | 973 B | 0644 |
|
effect-puff.min.js | File | 494 B | 0644 |
|
effect-pulsate.js | File | 1.51 KB | 0644 |
|
effect-pulsate.min.js | File | 672 B | 0644 |
|
effect-scale.js | File | 1.32 KB | 0644 |
|
effect-scale.min.js | File | 707 B | 0644 |
|
effect-shake.js | File | 1.82 KB | 0644 |
|
effect-shake.min.js | File | 830 B | 0644 |
|
effect-size.js | File | 5.27 KB | 0644 |
|
effect-size.min.js | File | 2.42 KB | 0644 |
|
effect-slide.js | File | 1.9 KB | 0644 |
|
effect-slide.min.js | File | 901 B | 0644 |
|
effect-transfer.js | File | 866 B | 0644 |
|
effect-transfer.min.js | File | 426 B | 0644 |
|
effect.js | File | 40.96 KB | 0644 |
|
effect.min.js | File | 16.93 KB | 0644 |
|
menu.js | File | 18.41 KB | 0644 |
|
menu.min.js | File | 9.88 KB | 0644 |
|
mouse.js | File | 6.05 KB | 0644 |
|
mouse.min.js | File | 3.32 KB | 0644 |
|
progressbar.js | File | 4.12 KB | 0644 |
|
progressbar.min.js | File | 2.48 KB | 0644 |
|
resizable.js | File | 29.62 KB | 0644 |
|
resizable.min.js | File | 18.27 KB | 0644 |
|
selectable.js | File | 7.92 KB | 0644 |
|
selectable.min.js | File | 4.38 KB | 0644 |
|
selectmenu.js | File | 15.75 KB | 0644 |
|
selectmenu.min.js | File | 9.13 KB | 0644 |
|
slider.js | File | 19.1 KB | 0644 |
|
slider.min.js | File | 10.48 KB | 0644 |
|
sortable.js | File | 46.45 KB | 0644 |
|
sortable.min.js | File | 24.85 KB | 0644 |
|
spinner.js | File | 14.03 KB | 0644 |
|
spinner.min.js | File | 7.44 KB | 0644 |
|
tabs.js | File | 23.02 KB | 0644 |
|
tabs.min.js | File | 11.66 KB | 0644 |
|
tooltip.js | File | 14.06 KB | 0644 |
|
tooltip.min.js | File | 6.04 KB | 0644 |
|