.
+ *
+ * @example jQuery('#accordion').activate("a:first");
+ * @desc Activate the first element matching the given expression.
+ *
+ * @example jQuery('#nav').activate(false);
+ * @desc Close all content parts of the accordion.
+ *
+ * @param String|Element|jQuery|Boolean|Number index An Integer specifying the zero-based index of the content to be
+ * activated or an expression specifying the element, or an element/jQuery object, or a boolean false to close all.
+ *
+ * @type jQuery
+ * @name activate
+ * @cat Plugins/Accordion
+ */
+
+(function($) {
+
+$.Accordion = {};
+$.extend($.Accordion, {
+ defaults: {
+ selectedClass: "selected",
+ alwaysOpen: true,
+ animated: 'slide',
+ event: "click"
+ },
+ 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
+ })
+ }
+ }
+});
+
+$.fn.extend({
+ nextUntil: function(expr) {
+ var match = [];
+
+ // We need to figure out which elements to push onto the array
+ this.each(function(){
+ // Traverse through the sibling nodes
+ for( var i = this.nextSibling; i; i = i.nextSibling ) {
+ // Make sure that we're only dealing with elements
+ if ( i.nodeType != 1 ) continue;
+
+ // If we find a match then we need to stop
+ if ( $.filter( expr, [i] ).r.length ) break;
+
+ // Otherwise, add it on to the stack
+ match.push( i );
+ }
+ });
+
+ return this.pushStack( match );
+ },
+ // the plugin method itself
+ Accordion: function(settings) {
+ if ( !this.length )
+ return this;
+
+ // setup configuration
+ settings = $.extend({}, $.Accordion.defaults, {
+ // define context defaults
+ header: $(':first-child', this)[0].tagName // take first childs tagName as header
+ }, settings);
+
+ if ( settings.navigation ) {
+ var current = this.find("a").filter(function() { return this.href == location.href; });
+ if ( current.length ) {
+ if ( current.filter(settings.header).length ) {
+ settings.active = current;
+ } else {
+ settings.active = current.parent().parent().prev();
+ current.addClass("current");
+ }
+ }
+ }
+
+ // calculate active if not specified, using the first header
+ var container = this,
+ headers = container.find(settings.header),
+ active = findActive(settings.active),
+ running = 0;
+
+ if ( settings.autoheight ) {
+ var maxHeight = 0;
+ headers.nextUntil(settings.header).each(function() {
+ maxHeight = Math.max(maxHeight, $(this).height());
+ }).height(maxHeight);
+ }
+
+ headers
+ .not(active || "")
+ .nextUntil(settings.header)
+ .hide();
+ active.addClass(settings.selectedClass);
+
+
+ function findActive(selector) {
+ return selector != undefined
+ ? typeof selector == "number"
+ ? headers.eq(selector)
+ : headers.not(headers.not(selector))
+ : selector === false
+ ? $("
")
+ : headers.eq(0)
+ }
+
+ function toggle(toShow, toHide, data, clickedActive, down) {
+ var finished = function(cancel) {
+ running = cancel ? 0 : --running;
+ if ( running )
+ return;
+ // trigger custom change event
+ container.trigger("change", data);
+ };
+
+ // count elements to animate
+ running = toHide.size() == 0 ? toShow.size() : toHide.size();
+
+ if ( settings.animated ) {
+ if ( !settings.alwaysOpen && clickedActive ) {
+ toShow.slideToggle(settings.animated);
+ finished(true);
+ } else {
+ $.Accordion.Animations[settings.animated]({
+ toShow: toShow,
+ toHide: toHide,
+ finished: finished,
+ down: down
+ });
+ }
+ } else {
+ if ( !settings.alwaysOpen && clickedActive ) {
+ toShow.toggle();
+ } else {
+ toHide.hide();
+ toShow.show();
+ }
+ finished(true);
+ }
+ }
+
+ function clickHandler(event) {
+ // called only when using activate(false) to close all parts programmatically
+ if ( !event.target && !settings.alwaysOpen ) {
+ active.toggleClass(settings.selectedClass);
+ var toHide = active.nextUntil(settings.header);
+ var toShow = active = $([]);
+ toggle( toShow, toHide );
+ return;
+ }
+ // get the click target
+ var clicked = $(event.target);
+
+ // due to the event delegation model, we have to check if one
+ // of the parent elements is our actual header, and find that
+ if ( clicked.parents(settings.header).length )
+ while ( !clicked.is(settings.header) )
+ clicked = clicked.parent();
+
+ var clickedActive = clicked[0] == active[0];
+
+ // if animations are still active, or the active header is the target, ignore click
+ if(running || (settings.alwaysOpen && clickedActive) || !clicked.is(settings.header))
+ return;
+
+ // switch classes
+ active.toggleClass(settings.selectedClass);
+ if ( !clickedActive ) {
+ clicked.addClass(settings.selectedClass);
+ }
+
+ // find elements to show and hide
+ var toShow = clicked.nextUntil(settings.header),
+ toHide = active.nextUntil(settings.header),
+ data = [clicked, active, toShow, toHide],
+ down = headers.index( active[0] ) > headers.index( clicked[0] );
+
+ active = clickedActive ? $([]) : clicked;
+ toggle( toShow, toHide, data, clickedActive, down );
+
+ return !toShow.length;
+ };
+ function activateHandler(event, index) {
+ // IE manages to call activateHandler on normal clicks
+ if ( arguments.length == 1 )
+ return;
+ // call clickHandler with custom event
+ clickHandler({
+ target: findActive(index)[0]
+ });
+ };
+
+ return container
+ .bind(settings.event, clickHandler)
+ .bind("activate", activateHandler);
+ },
+ activate: function(index) {
+ return this.trigger('activate', [index]);
+ }
+});
+
+})(jQuery);
\ No newline at end of file