在變量中傳遞切換打開狀態

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（i。anchor tag）中傳遞查詢字符串

<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，但是您也可以用google搜索。