Alexander Graef schrieb:
I have just moved my horizontal Accordion tutorial to a real jQuery
plugin. The plugin provides extensive options to configure its layout
and behaviour.
More about it here:
http://dev.portalzine.de/index?/Horizontal_Accordion--print
It is still an alpha release, which has only been tested on IE and
Firefox so far. Will be doing some more work on it next week, so enjoy
the pre-release J
Have a nice weekend and btw jQuery 1.2 rocks ;)
Slick!
I prefer the only-one-animation accordion style, where, technically,
both parts are animated at once. This is the code from my vertical
accordion for animations, build around a very useful contribution from
John Resig:
Animations: {
slide: function(settings, additions) {
settings = $.extend({
easing: "swing",
duration: 300
}, settings, additions);
if ( !settings.toHide.size() ) {
settings.toShow.animate({height: "show"}, {
duration: settings.duration,
easing: settings.easing,
complete: settings.finished
});
return;
}
var height = settings.toHide.height();
settings.toShow.css({ height: 0, overflow: 'hidden'
}).show();
settings.toHide.filter(":hidden").each(settings.finished).end().filter(":visible").animate({height:"hide"},{
step: function(n){
settings.toShow.height(Math.ceil(height
- ($.fn.stop ? n * height : n)));
},
duration: settings.duration,
easing: settings.easing,
complete: settings.finished
});
},
bounceslide: function(settings) {
this.slide(settings, {
easing: settings.down ? "bounceout" : "swing",
duration: settings.down ? 1000 : 200
});
},
easeslide: function(settings) {
this.slide(settings, {
easing: "easeinout",
duration: 700
})
}
}
-- Jörn
