Select your travel date and trip length (days).
+
+ padding: 0 15px;">
+
{
$(tripDateEle).click(function (e) {
$expectedDate.val('');
@@ -653,17 +654,15 @@
selectedExpectedDate = selectedTripDate.id;
if (selectedTripDate.id === 'exact') {
$dateSelectionBlock.show();
- $expectedTravelDateBlock.hide();
$expectedMonth.hide();
- $expectedDate.show();
+ $flatpickrBlock.show();
} else if (selectedTripDate.id === 'approximate') {
$dateSelectionBlock.show();
- $expectedTravelDateBlock.hide();
- $expectedDate.hide();
+ $flatpickrBlock.hide();
$expectedMonth.show();
} else if (selectedTripDate.id === 'yet') {
$dateSelectionBlock.hide();
- $expectedTravelDateBlock.show();
+ $flatpickrBlock.hide();
}
})
});
@@ -754,37 +753,6 @@
}
}
});
- document.querySelector('.expandAll').onclick = function (e) {
- let obj = document.querySelector('.expandAll');
- let all_status = obj.getAttribute("collapse-status");
- if (all_status == "hide") {
- obj.setAttribute("collapse-status", "show");
- obj.querySelector(".expandAllText").innerHTML = "Collapse All";
- obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function(icon, i){
- icon.classList.remove('OpenIcon');
- icon.classList.add('CloseIcon');
- });
- obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function(itinerary, i){
- slideDown(itinerary);
- });
- obj.parentNode.querySelectorAll("div[collapse]").forEach(function(title, i){
- title.setAttribute("collapse-status", "show");
- });
- } else {
- obj.setAttribute("collapse-status", "hide");
- obj.querySelector(".expandAllText").innerHTML = "Expand All";
- obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function(icon, i){
- icon.classList.remove('CloseIcon');
- icon.classList.add('OpenIcon');
- });
- obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function(itinerary, i){
- slideUp(itinerary);
- });
- obj.parentNode.querySelectorAll("div[collapse]").forEach(function(title, i){
- title.setAttribute("collapse-status", "hide");
- });
- }
- }
function slideUp(target, duration) {
duration = duration ? duration : 500;
target.style.transitionProperty = 'height, margin, padding';