pure JS; expand & collapse

选择器修改
master
lyt 5 years ago
parent 77b9ef0b09
commit d2b6b6ff84

@ -27,27 +27,27 @@ document.querySelector('.expandAll').onclick = function (e) {
if (all_status == "hide") { if (all_status == "hide") {
obj.setAttribute("collapse-status", "show"); obj.setAttribute("collapse-status", "show");
obj.querySelector(".expandAllText").innerHTML = "Collapse All"; obj.querySelector(".expandAllText").innerHTML = "Collapse All";
obj.parentNode.querySelectorAll(".tourDatesBJ span[id$='Icon']").forEach(function (icon, i) { obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function (icon, i) {
icon.classList.remove('OpenIcon'); icon.classList.remove('OpenIcon');
icon.classList.add('CloseIcon'); icon.classList.add('CloseIcon');
}); });
obj.parentNode.querySelectorAll(".ItineraryContent").forEach(function (itinerary, i) { obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function (itinerary, i) {
slideDown(itinerary); slideDown(itinerary);
}); });
obj.parentNode.querySelectorAll(".tourDatesBJ").forEach(function (title, i) { obj.parentNode.querySelectorAll("div[collapse]").forEach(function (title, i) {
title.setAttribute("collapse-status", "show"); title.setAttribute("collapse-status", "show");
}); });
} else { } else {
obj.setAttribute("collapse-status", "hide"); obj.setAttribute("collapse-status", "hide");
obj.querySelector(".expandAllText").innerHTML = "Expand All"; obj.querySelector(".expandAllText").innerHTML = "Expand All";
obj.parentNode.querySelectorAll(".tourDatesBJ span[id$='Icon']").forEach(function (icon, i) { obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function (icon, i) {
icon.classList.remove('CloseIcon'); icon.classList.remove('CloseIcon');
icon.classList.add('OpenIcon'); icon.classList.add('OpenIcon');
}); });
obj.parentNode.querySelectorAll(".ItineraryContent").forEach(function (itinerary, i) { obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function (itinerary, i) {
slideUp(itinerary); slideUp(itinerary);
}); });
obj.parentNode.querySelectorAll(".tourDatesBJ").forEach(function (title, i) { obj.parentNode.querySelectorAll("div[collapse]").forEach(function (title, i) {
title.setAttribute("collapse-status", "hide"); title.setAttribute("collapse-status", "hide");
}); });
} }

Loading…
Cancel
Save