//滑动菜单
|
; 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);
|
}
|
}
|