保持页面加载之间的下拉菜单位置

时间:2017-09-01 02:53:21

标签: javascript html css

我在构建过程中的网页左侧有一个固定链接的下拉菜单列表。截至目前,一切工作正常,但我希望还有一个功能;单击链接后保持下拉菜单的位置。链接将具有完全相同的下拉菜单,除了新页面的标题和内容将更改。 Here是我目前在代码方面的核心部分。如果您单击其中一个标题,它将下拉并显示可用的链接。请注意,只允许打开一个下拉列表。如果我有链接的.html文件并单击一个,页面将"刷新"并且在点击链接之前,下拉菜单将再次显示为关闭状态。我不知道如何修改代码来做我想做的事情所以我希望有人可以帮助我。如果可能的话,我想坚持使用HTML,JS和CSS。谢谢,直接来自链接

的JS
// Gotta give credit where credit is due
// https://stackoverflow.com/questions/45911424/have-only-one-drop-down-panel-open-on-click-using-html-js-and-css
var acc = document.getElementsByClassName("drop-down");
var i = 0;
for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function () {
         var panel = this.nextElementSibling;
         var maxHeight = panel.style.maxHeight;

         //Collapse all divs first
        var divs = document.getElementsByClassName("drop-down-panel");
        for (i = 0; i < divs.length; i++) {
            divs[i].style.maxHeight = null;
            divs[i].previousElementSibling.classList.remove("active"); 
        }

        this.classList.toggle("active")

        if (maxHeight) {
            panel.style.maxHeight = null;
            this.classList.remove("active");
        } else {
            panel.style.maxHeight = panel.scrollHeight + "px";
        }
    };
}

0 个答案:

没有答案