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

Question

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

<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 中传递一个查询字符串（即锚标记）就像

<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();
             }

        });

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