jquery 实现列表点击折叠与展开的功能

需求是点击列表,展开折叠的内容,再次点击后折叠列表,还要给数据打上已查看的标记,折叠列表后页面刷新,有已查看标记的数据就不会显示.

jquery代码:

    $(function (){
    var aa = 0;
 $(".gradeX").click(function(){
 $(this).toggleClass("selected");
    var b = $(this).find('.hostid').html();
    var c = $(this).find('.catas').html();
    if (aa == 0 ) {
 $(this).siblings().not(".gradeX").not(":first-child").hide();
 $(this).next().show