72 lines
3.0 KiB
JavaScript
72 lines
3.0 KiB
JavaScript
function setSize() {
|
|
var width = $(window).width();
|
|
var height = $(window).height();
|
|
var rightWidth = $("#rightContent").width( width - 275 );
|
|
|
|
var contentHeight = height - 2;
|
|
var treeContentHeight = height - 33;
|
|
$("#rightContent").css({ "height": (contentHeight - 1) + "px" });
|
|
$("#leftContent").css({ "height": contentHeight + "px" });
|
|
$("#leftContent .treeContent").css({ "height": treeContentHeight + "px" });
|
|
$(".leftContent").css({ "height": (contentHeight - 31) + "px" });
|
|
$("#treeContent").css({ "height": (contentHeight - 31 - 31) + "px" });
|
|
$(".rightContent").css({ "height": (contentHeight - 31) + "px" });
|
|
}
|
|
|
|
$(window).resize(function () {
|
|
setSize();
|
|
});
|
|
|
|
function arrowClick() {
|
|
$("#leftContent .title #ariaHidden").click(function () {
|
|
if (!$("#leftContent").is(":animated")) {
|
|
if ($("#leftContent").width() == "260") {
|
|
$("#leftContent").animate({ "width": "20px" }, 500);
|
|
setTimeout(function () {
|
|
$("#leftContent .title label").hide();
|
|
$(".treeContent").hide();
|
|
$("#leftContent .title #ariaHidden").removeClass("fa-angle-double-left").addClass("fa-angle-double-right");
|
|
}, 300);
|
|
|
|
$("#rightContent").animate({ "width": "+=240px" }, 500);
|
|
$(".rightContent").animate({ "width": "+=240px" }, 500);
|
|
}
|
|
else {
|
|
$("#leftContent").animate({ "width": "260px" }, 500);
|
|
setTimeout(function () {
|
|
$("#leftContent .title label").show();
|
|
$(".treeContent").show();
|
|
$("#leftContent .title #ariaHidden").removeClass("fa-angle-double-right").addClass("fa-angle-double-left");
|
|
}, 200);
|
|
|
|
$("#rightContent").animate({ "width": "-=240px" }, 500);
|
|
$(".rightContent").animate({ "width": "-=240px" }, 500);
|
|
}
|
|
}
|
|
});
|
|
|
|
$(".leftContent .title #ariaHidden").click(function () {
|
|
if (!$(".leftContent").is(":animated")) {
|
|
if ($(".leftContent").width() == "260") {
|
|
$(".leftContent").animate({ "width": "20px" }, 500);
|
|
setTimeout(function () {
|
|
$(".leftContent .title label").hide();
|
|
$("#treeContent").hide();
|
|
$(".leftContent .title #ariaHidden").removeClass("fa-angle-double-left").addClass("fa-angle-double-right");
|
|
}, 300);
|
|
|
|
$(".rightContent").animate({ "width": "+=240px" }, 500);
|
|
}
|
|
else {
|
|
$(".leftContent").animate({ "width": "260px" }, 500);
|
|
setTimeout(function () {
|
|
$(".leftContent .title label").show();
|
|
$("#treeContent").show();
|
|
$(".leftContent .title #ariaHidden").removeClass("fa-angle-double-right").addClass("fa-angle-double-left");
|
|
}, 200);
|
|
|
|
$(".rightContent").animate({ "width": "-=240px" }, 500);
|
|
}
|
|
}
|
|
});
|
|
} |