diff --git a/display/display.css b/display/display.css index fd108bd96c1128cc6be5438f3e289db20d72b9d4..f6f20afc27eec6420a7efa639412c59998bbfbbe 100644 --- a/display/display.css +++ b/display/display.css @@ -341,8 +341,6 @@ display: none; background-color: #ffffff; flex-direction: column; - height: 0; - transition: height 0.25s ease-out; overflow: hidden; } diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index 4e96e98ff625bf66e780c519d24c88f0c5be39a6..0bb0a876be1d43ebac96b046e82e69d487330225 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -49,15 +49,18 @@ class NodeNeighborOverlay { contentTabs.style.display = "flex"; coll.addEventListener("click", function() { if(contentTabs.style.display === "flex") { - contentTabs.style.display = "none"; + jQuery(contentTabs).slideUp("fast"); } else { - contentTabs.style.display = "flex"; + jQuery(contentTabs).slideDown({ + start: function () { + jQuery(this).css({ + display: "flex" + }) + } + }); } }); - const slideDown = elem => elem.style.height = `${elem.scrollHeight}px`; - const slideUp = elem => elem.style.height = '0'; - const colors = this.type === "link" ? this.graph.edgeColors @@ -105,13 +108,17 @@ class NodeNeighborOverlay { this.tabContentPages[cls] = collTabContent; collTab.addEventListener("click", function() { if(collTabContent.style.display === "flex") { - slideUp(collTabContent); - collTabContent.style.display = "none"; + jQuery(collTabContent).slideUp("fast"); openMarkerTabs.innerText = '+'; } else { - collTabContent.style.display = "flex"; + jQuery(collTabContent).slideDown({ + start: function () { + jQuery(this).css({ + display: "flex" + }) + } + }); openMarkerTabs.innerText = '-'; - slideDown(collTabContent); } }); }