| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- //滑动菜单
- ; RoadUI.Accordion = function ()
- {
- var instance = this;
- this.init = function ($divs, showIndex)
- {
- $divs.each(function ()
- {
- var $accordionTitles = $(".accordiontitle", $(this));
- var borderHeight = $(this).css("border").indexOf("none") >= 0 ? -1 : 0;//div是否有边框,没有边框内容高度要-1
- var contentHeight = $(this).height() - ($accordionTitles.size() * 27) + ($accordionTitles.size() - 1) + 2 + borderHeight;
- var defaultShowIndex = showIndex || 0;
- $accordionTitles.each(function (i)
- {
- if (i == 0)
- {
- $(this).css({ "border-top": "none" });
- }
- else
- {
- $(this).css({ "border-bottom": "none" });
- }
- $(this).next().css({ "height": contentHeight.toString() + "px", "display": i == defaultShowIndex ? "block" : "none" });
- $(this).bind("click", function ()
- {
- var border = "";
- $(".accordion div .accordiontitle").each(function ()
- {
- $(this).next().hide();
- $(this).css({ "border-bottom": "none" });
- if (border.length == 0 && $(this).css("border").indexOf("none") == 0)
- {
- border = $(this).css("border");
- }
- });
- $(this).next().show(300);
- $(this).css({ "border-bottom": border });
- });
- });
- });
- };
- this.resize = function ($div)
- {
- var $accordionTitles = $("div .accordiontitle", $div);
- var borderHeight = $div.css("border").indexOf("none") >= 0 ? -1 : 0;//div是否有边框,没有边框内容高度要-1
- var contentHeight = $div.height() - ($accordionTitles.size() * 27) + ($accordionTitles.size() - 1) + 2 + borderHeight;
- $(".accordioncontent", $div).height(contentHeight);
- }
- }
|