library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Accordion: added support for effects.core ease equations

Browse Source
This commit is contained in:
Eduardo Lundgren 2008-09-30 02:50:23 +00:00
parent 0f58c499be
commit 5b6323d0a3
2 changed files with 48 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
demos/real-world/accordion-drawers/index.html
View File

@ -162,6 +162,7 @@ blockquote, q {
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
<script type="text/javascript" src="../../../ui/effects.core.js"></script>
<script type="text/javascript">
@ -170,6 +171,16 @@ blockquote, q {
$('ul.drawers').accordion({
header: 'h2.drawer-handle',
selectedClass: 'open',
//animated: 'easeOutBounce',
//animated: 'bounceslide',
//animated: 'easeslide',
animated: function(options) {
return options.down ? "easeOutBounce" : "easeInOutCubic";
},
//duration: 500,
duration: function(options) {
return options.down ? 700 : 400;
},
event: 'mouseover'
});
});

42
ui/ui.accordion.js
View File

@ -127,23 +127,55 @@ function toggle(toShow, toHide, data, clickedActive, down) {
options.running = toHide.size() === 0 ? toShow.size() : toHide.size();
if ( options.animated ) {
var animOptions = {};
if ( !options.alwaysOpen && clickedActive ) {
$.ui.accordion.animations[options.animated]({
animOptions = {
toShow: jQuery([]),
toHide: toHide,
complete: complete,
down: down,
autoHeight: options.autoHeight
});
};
} else {
$.ui.accordion.animations[options.animated]({
animOptions = {
toShow: toShow,
toHide: toHide,
complete: complete,
down: down,
autoHeight: options.autoHeight
});
};
}
if (!options.proxied) {
options.proxied = options.animated;
}
if (!options.proxiedDuration) {
options.proxiedDuration = options.duration;
}
options.animated = $.isFunction(options.proxied) ?
options.proxied(animOptions) : options.proxied;
options.duration = $.isFunction(options.proxiedDuration) ?
options.proxiedDuration(animOptions) : options.proxiedDuration;
var animations = $.ui.accordion.animations,
duration = options.duration,
easing = options.animated;
if (!animations[easing]) {
animations[easing] = function(options) {
this.slide(options, {
easing: easing,
duration: duration || 700
});
};
}
animations[easing](animOptions);
} else {
if ( !options.alwaysOpen && clickedActive ) {
toShow.toggle();
@ -279,7 +311,7 @@ $.extend($.ui.accordion, {
},
bounceslide: function(options) {
this.slide(options, {
easing: options.down ? "bounceout" : "swing",
easing: options.down ? "easeOutBounce" : "swing",
duration: options.down ? 1000 : 200
});
},