Как мне сделать cookie, чтобы сохранить положение этих тегов div?

Question

Я использую JQuery, чтобы иметь возможность переупорядочивать свои div'ы (код ниже), но мне нужно сделать cookie, чтобы сохранить порядок этих div'ов.Я вижу много сайтов, предлагающих Javascript, но обычно в нем говорится что-то вроде сохранения введенного имени и тому подобное.Я понятия не имею, как это сделать.

$().ready(function() {
    $('.moveUpCls').click(function(event){
      var current = $(this).parent().parent().parent();
      current.prev().before(current);
    });
    $('.moveDownCls').click(function(){
      var current = $(this).parent().parent().parent();
      current.next().after(current);
    });
});

Каждый перемещаемый div следует этому шаблону (div также имеют скрытие / показ на них, но пока игнорируют это):

<div>
    <div id="tabHeader">

        <div id="headMoveUp"><a class="moveUpCls"><img src="images/uparrow.png"></a></div>
        <div id="headMoveDown"><a class="moveDownCls"><img src="images/downarrow.png"></a></div>
        <a href="javascript:toggle();"><div id="tabHeadText">Important Links &raquo;</div> </a>

    </div>
        <div id="toggleText" style="display:none; text-align:center;">
            <div id="empGuide" style="text-align:center;margin-left:auto; margin-right:auto;">

                CONTENT OF DIV

            </div>
        </div>
        <br />

</div>

Answer 1

Я бы использовал представление вашего макета в формате JSON, но будьте осторожны, куки могут содержать только 4 КБ данных. Лучше всего хранить его на сервере или в локальном хранилище.

Answer 2

В зависимости от количества перестановок, вы можете создать хеш пар ключ-значение в вашем коде jquery, где каждое значение будет порядком элементов div, а ключ будет тем, что вы храните в куки.