Remember last state with Jquery

Question

I have a script (JQuery) for drop-down list. How to remember the state of the list in a cookie ? Any help much appreciated!
Example on JSfiddle: https://jsfiddle.net/77y7sqwr/

Code below:

$(document).ready(function() {
    $(".ul-dropfree").find("li:has(ul:has(li))").prepend('<div class="drop"></div>');
    $(".ul-dropfree div.drop").click(function() {
        if ($(this).nextAll("ul").css('display') == 'none') {
            $(this).nextAll("ul").slideDown(400);
            $(this).css({
                'background-position': "-22px 0"
            });
        }
        else {
            $(this).nextAll("ul").slideUp(400);
            $(this).css({
                'background-position': "0 0"
            });
        }
    });
    $(".ul-dropfree").find("ul").slideUp(400).parents("li").children("div.drop").css({
        'background-position': "0 0"
    });
});

Can you please post what you've tried using cookies? Let us not duplicate your efforts. — Mariano, Nov 20 '15 at 08:08
Possible duplicate of [Jquery Cookie plugin - multiple values?](http://stackoverflow.com/questions/6417140/jquery-cookie-plugin-multiple-values) — Alessandro Da Rugna, Nov 20 '15 at 08:23
@GuruprasadRao I need to remember the position of the element in the cookie . To list is not hiding in updating pages — ArtemDoom, Nov 20 '15 at 08:32

score 1 · Accepted Answer · answered Nov 20 '15 at 08:47

1

i create the code with the cookie plugin.Look for cookies under the resources tab in developer screen. Here is a demo: https://jsfiddle.net/77y7sqwr/11/

answered Nov 20 '15 at 08:47

Yasemin çidem

623
8
17

This example not working. The list closes when you refresh the page – ArtemDoom Nov 20 '15 at 09:50

Remember last state with Jquery

1 Answers1