Jquery 增量变量

我在同一页上有30个同一类的div。当我按下标题（.pull）时，内容会向上滑动（.toggle_container）。当内容被隐藏并且我再次按下标题时，内容会向下滑动。另外，我想将div状态存储在cookie中。 我修改了我的原始代码，将div状态存储在cookie中，但它不适用于所有div（pull1，toggle_container1，pull2，toggle_container2[…]），它只适用于第一个div（pull0，toggle_container0）。 我做错了什么

var increment = 0;
           if ($.cookie('showTop') == 'collapsed') {
               $(".toggle_container" + increment).hide();
            }else {
               $(".toggle_container" + increment).show();
         };
          $("a.pull" + increment).click(function () {
            if ($(".toggle_container" + increment).is(":hidden")) {
               $(".toggle_container" + increment).slideDown("slow");
               $.cookie('showTop', 'expanded');
               increment++;
            } else {
               $(".toggle_container" + increment).slideUp("slow");
               $.cookie('showTop', 'collapsed');
               increment++;
            }
            return false;

          });    

---

我没有试过你的代码， 但是，$（“a.pull”+增量）=$（“a.pull0”）不会吗？ 我没有看到任何for循环，所以增量0选择器是唯一将被执行的选择器

要查看的jquery选择器可能是 如果您可以选择具有以.pull（或其他）开头的类的div，而不必绑定到30个不同的div，那么我认为您的代码将更具性能。

以下是代码：

$('div.toggle_container').each(function() { // Initialise
        var index = this.id.replace(/^\D+/, '');
              $(this).toggle($.cookie('showTop' + index) == 'collapsed');
            });

    $('a.pull').click(function() { //Activate                  
        var index = this.id.replace(/^\D+/, '');
        if ($.cookie('showTop' + index) == 'collapsed') {
        var container = $('#toggle_container' + index).slideDown('slow');
        $.cookie('showTop' + index, container.is(':hidden') ? 'collapsed' : 'expanded');
        }else {
        var container = $('#toggle_container' + index).slideUp('slow');
        $.cookie('showTop' + index, container.is(':visible') ? 'expanded' : 'collapsed');
            }
});

---

它不起作用，因为我试图用数字和结尾分开div。如果我使用选择器并按a.pull0，所有div都将滑动。我试图一次切换一个div，而不是所有div。