foldinglist.js

网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。

TB.widget.FoldingList=new function(){var A={wrapClass:"cat",titleClass:"cat-hx",contentClass:"cat-content",expandClass:"open",collapseClass:"close",multiExpand:true};this.decorate=function(B,C){B=$(B);C=TB.applyIf(C||{},A);var D={};var E=$D.getElementsByClassName(C.titleClass,"*",B);D.expandAll=function(){E.forEach(D.expand)};D.collapseAll=function(){E.forEach(D.collapse)};D.expand=function(G){if(!C.multiExpand){E.filter(function(H){var I=TB.dom.getNextSibling(H);return !($D.hasClass(I,C.contentClass)&&$D.isAncestor(I,G))}).forEach(D.collapse)}$D.addClass(G.parentNode,C.expandClass);$D.removeClass(G.parentNode,C.collapseClass);var F=TB.dom.getNextSibling(G);if($D.hasClass(F,C.contentClass)){new YAHOO.util.Anim(F,{height:{to:F.scrollHeight}},0.25,YAHOO.util.Easing.easeOutStrong).animate()}};D.collapse=function(G){$D.addClass(G.parentNode,C.collapseClass);$D.removeClass(G.parentNode,C.expandClass);var F=TB.dom.getNextSibling(G);if($D.hasClass(F,C.contentClass)){new YAHOO.util.Anim(F,{height:{to:0}},0.25).animate()}};$E.on(E,"click",function(F){if($E.getTarget(F)===this||$D.isAncestor(this,$E.getTarget(F))&&$E.getTarget(F).nodeName!=="A"){D[($D.hasClass(this.parentNode,C.collapseClass))?"expand":"collapse"](this)}});return D}};