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.
54 lines
2.3 KiB
JavaScript
54 lines
2.3 KiB
JavaScript
6 years ago
|
/*!
|
||
|
|
* * 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");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|