Question

我有一个切换打开/关闭DIV，里面有UL列表，如下所示：

<div id="dropdown-1">
        <div class="option-heading">
                    <i class="fa fa-angle-double-up"></i>
                    <i class="fa fa-angle-double-down"></i>
                    <h5>Title</h5>      
        </div>
        <div class="option-content">
        <ul class="check_list check_list_show">
             <li><a href="#>Item 1</a><li/>
             <li><a href="#>Item 2</a><li/>
             <li><a href="#>Item 3</a><li/>
        </ul>
        </div>
</div>

JS代码是：

<script>
        $(document).ready(function() {
            $(".option-content").hide();
            $(".fa-angle-double-up").hide();
            $(".option-heading").click(function(){
                    $(this).next(".option-content").slideToggle(500);
                    $(this).find(".fa-angle-double-up, .fa-angle-double-down").toggle();
            });
        });
</script>

用户从该列表中选择一个链接后，会在其上显示相同的页面刷新和结果。但是，DIV会自动关闭，我需要它保持开放状态。

我不是一个JS开发人员，我对如何在刷新后传递开放状态没有任何想法。非常感谢任何建议！

小提琴：http://jsfiddle.net/bumL495j/

Answer 1

在url中传递查询字符串（i。锚标记）lik

<li><a href="link.html?menutoggle=open">Item 1</a><li/>

 $(document).ready(function() {
            $(".option-content").hide();
            $(".fa-angle-double-up").hide();

             var urlstring = window.location.href; // check for menu toggle you can pass itemid also based on that you can highlight menus
             if(urlstring.indexOf("menutoggle=open")>0){
                  $(this).next(".option-content").slideToggle(500);
                    $(this).find(".fa-angle-double-up, .fa-angle-double-down").toggle();
             }

        });

您需要将此脚本粘贴到该菜单项链接的每个页面中。我不知道本地存储，但你也可以谷歌搜索它。

在变量中传递切换打开状态

1 个答案: