You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
2.0 KiB
JavaScript
47 lines
2.0 KiB
JavaScript
/*!
|
|
* * depend on
|
|
* /js/jquery-1.11.3.min.js
|
|
*/
|
|
$(function(){
|
|
$("div[collapse-title]").each(function(index, element) {
|
|
var $collapseDiv = $(element);
|
|
$collapseDiv.click(function() {
|
|
var collapseStatus = $collapseDiv.attr("collapse-status");
|
|
var $targetElement = $($collapseDiv).parent().find("div[collapse-content]");
|
|
var $targetIcon = $collapseDiv.find("i[collapse-icon]");
|
|
if ($targetElement.is(":visible") == true) { collapseStatus = "show"; } else { collapseStatus = "hide"; }
|
|
if (collapseStatus == undefined || collapseStatus == "show") {
|
|
$targetIcon.removeClass("fa-angle-up");
|
|
$targetIcon.addClass("fa-angle-down");
|
|
$collapseDiv.attr("collapse-status", "hide");
|
|
$targetElement.slideUp();
|
|
} else {
|
|
$targetIcon.removeClass("fa-angle-down");
|
|
$targetIcon.addClass("fa-angle-up");
|
|
$collapseDiv.attr("collapse-status", "show");
|
|
$targetElement.slideDown();
|
|
}
|
|
});
|
|
});
|
|
$(".expandAll").click(function(){
|
|
var obj = $(this);
|
|
var all_status = obj.attr("collapse-status");
|
|
if (all_status == "hide") {
|
|
obj.attr("collapse-status","show");
|
|
obj.children(".Icon").removeClass("OpenIcon").addClass("CloseIcon");
|
|
obj.children(".expandAllText").html("Close All");
|
|
obj.parent().find("i[collapse-icon]").removeClass("fa-angle-down").addClass("fa-angle-up");
|
|
obj.parent().find("div[collapse-content]").slideDown();
|
|
obj.parent().find("div[collapse-title]").attr("collapse-status","show");
|
|
} else {
|
|
obj.attr("collapse-status","hide");
|
|
obj.children(".expandAllIcon").removeClass("CloseIcon").addClass("OpenIcon");
|
|
obj.children(".expandAllText").html("Open All");
|
|
obj.parent().find("i[collapse-icon]").removeClass("fa-angle-up").addClass("fa-angle-down");
|
|
obj.parent().find("div[collapse-content]").slideUp();
|
|
obj.parent().find("div[collapse-title]").attr("collapse-status","hide");
|
|
}
|
|
});
|
|
|
|
});
|