1 |
torben |
2125 |
/*! |
2 |
|
|
* jQuery UI Effects Fold 1.10.3 |
3 |
|
|
* http://jqueryui.com |
4 |
|
|
* |
5 |
|
|
* Copyright 2013 jQuery Foundation and other contributors |
6 |
|
|
* Released under the MIT license. |
7 |
|
|
* http://jquery.org/license |
8 |
|
|
* |
9 |
|
|
* http://api.jqueryui.com/fold-effect/ |
10 |
|
|
* |
11 |
|
|
* Depends: |
12 |
|
|
* jquery.ui.effect.js |
13 |
|
|
*/ |
14 |
|
|
(function( $, undefined ) { |
15 |
|
|
|
16 |
|
|
$.effects.effect.fold = function( o, done ) { |
17 |
|
|
|
18 |
|
|
// Create element |
19 |
|
|
var el = $( this ), |
20 |
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ], |
21 |
|
|
mode = $.effects.setMode( el, o.mode || "hide" ), |
22 |
|
|
show = mode === "show", |
23 |
|
|
hide = mode === "hide", |
24 |
|
|
size = o.size || 15, |
25 |
|
|
percent = /([0-9]+)%/.exec( size ), |
26 |
|
|
horizFirst = !!o.horizFirst, |
27 |
|
|
widthFirst = show !== horizFirst, |
28 |
|
|
ref = widthFirst ? [ "width", "height" ] : [ "height", "width" ], |
29 |
|
|
duration = o.duration / 2, |
30 |
|
|
wrapper, distance, |
31 |
|
|
animation1 = {}, |
32 |
|
|
animation2 = {}; |
33 |
|
|
|
34 |
|
|
$.effects.save( el, props ); |
35 |
|
|
el.show(); |
36 |
|
|
|
37 |
|
|
// Create Wrapper |
38 |
|
|
wrapper = $.effects.createWrapper( el ).css({ |
39 |
|
|
overflow: "hidden" |
40 |
|
|
}); |
41 |
|
|
distance = widthFirst ? |
42 |
|
|
[ wrapper.width(), wrapper.height() ] : |
43 |
|
|
[ wrapper.height(), wrapper.width() ]; |
44 |
|
|
|
45 |
|
|
if ( percent ) { |
46 |
|
|
size = parseInt( percent[ 1 ], 10 ) / 100 * distance[ hide ? 0 : 1 ]; |
47 |
|
|
} |
48 |
|
|
if ( show ) { |
49 |
|
|
wrapper.css( horizFirst ? { |
50 |
|
|
height: 0, |
51 |
|
|
width: size |
52 |
|
|
} : { |
53 |
|
|
height: size, |
54 |
|
|
width: 0 |
55 |
|
|
}); |
56 |
|
|
} |
57 |
|
|
|
58 |
|
|
// Animation |
59 |
|
|
animation1[ ref[ 0 ] ] = show ? distance[ 0 ] : size; |
60 |
|
|
animation2[ ref[ 1 ] ] = show ? distance[ 1 ] : 0; |
61 |
|
|
|
62 |
|
|
// Animate |
63 |
|
|
wrapper |
64 |
|
|
.animate( animation1, duration, o.easing ) |
65 |
|
|
.animate( animation2, duration, o.easing, function() { |
66 |
|
|
if ( hide ) { |
67 |
|
|
el.hide(); |
68 |
|
|
} |
69 |
|
|
$.effects.restore( el, props ); |
70 |
|
|
$.effects.removeWrapper( el ); |
71 |
|
|
done(); |
72 |
|
|
}); |
73 |
|
|
|
74 |
|
|
}; |
75 |
|
|
|
76 |
|
|
})(jQuery); |