/*! * * depend on * /js/jquery-1.11.3.min.js */ $(function(){ $("div[collapse]").each(function(index, element) { var $collapseDiv = $(element); $collapseDiv.click(function() { var collapseStatus = $collapseDiv.attr("collapse-status"); var targetId = $collapseDiv.data("target"); var targetIconId = $collapseDiv.data("target-icon"); var $targetElement = $("#" + targetId); var $targetIcon = $("#" + targetIconId); if (collapseStatus == undefined || collapseStatus == "show") { $targetIcon.removeClass("CloseIcon"); $targetIcon.addClass("OpenIcon"); $collapseDiv.attr("collapse-status", "hide"); $targetElement.slideUp(); } else { $targetIcon.removeClass("OpenIcon"); $targetIcon.addClass("CloseIcon"); $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("Collapse All"); obj.parents(".container").eq(0).find(".tourDatesBJ span[id$='Icon']").removeClass("OpenIcon").addClass("CloseIcon"); obj.parents(".container").eq(0).find(".ItineraryContent").slideDown(); obj.parents(".container").eq(0).find(".tourDatesBJ").attr("collapse-status","show"); } else { obj.attr("collapse-status","hide"); obj.children(".expandAllIcon").removeClass("CloseIcon").addClass("OpenIcon"); obj.children(".expandAllText").html("Expand All"); obj.parents(".container").eq(0).find(".tourDatesBJ span[id$='Icon']").removeClass("CloseIcon").addClass("OpenIcon"); obj.parents(".container").eq(0).find(".ItineraryContent").slideUp(); obj.parents(".container").eq(0).find(".tourDatesBJ").attr("collapse-status","hide"); } }); // dayTourList 下其他元素触发 展开折叠 $(".toBJ").each(function(index, element) { $(element).click(function() { $(element).parents(".dayTourList").eq(0).find(".tourDatesBJ").trigger("click"); }); }); });