/*! * * 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"); } }); });