Чтение значений из значений скрытого поля в JQuery?

Question

Последние две ночи я борюсь с кодом ниже. Проблема в том, что мне нужно помнить расширенные (или) свернутые разделы toggles и перезагрузку страницы. Я показываю их как расширенные (или) сбрасываемые.

$(function() {   
     $('tr.subCategory')    
     .css("cursor", "pointer") 
     .attr("title", "Click to expand/collapse") 
     .click(function() {   
       $(this).siblings('.RegText').toggle();    
    }); 
    $('tr[@class^=RegText]').hide().children('td');  
}) 

Я нашел небольшое решение на другом форуме вроде этого. Сохранение значений «.subCategory» в скрытом поле в значениях, разделенных запятыми.

In Asp.net page: 
<input id="myVisibleRows" type="hidden" value="<% response.write(myVisibleRowsSavedValue) %" /> 

In .js: 
var idsStr = $(#myVisibleRows).val(); 

Теперь мой вопрос: Как хранить несколько значений (.subCategory ID) в скрытом поле, когда я нажимаю на тумблер?. также Как разобрать их обратно и перебрать их, получить идентификаторы и показать переключатели?. Я очень новичок в jQuery. Пожалуйста, помогите мне от этого.

Answer 1

Передача таких значений в форме, вероятно, не самая лучшая вещь для этого. Я бы предложил использовать файлы cookie для хранения расширенных разделов id или чего-то подобного. Это намного проще реализовать, и вы не передаете несущественные данные формы между запросами. Если вы хотите сохранить многозначные значения, вы можете сериализовать их (проще всего: использовать функцию join в JS), прежде чем хранить их и десериализовать (split) после прочтения его из файла cookie.