title: Collapsible Menu Not Staying Open
body: <p>Hello ive  followed the instructions from this webspage <a href="http://planetbuhs.net/web-development/49-add-a-blogger-like-collapsible-archive-block-to-your-drupal-7-site" rel="nofollow noreferrer">Add a Blogger-like collapsible archive block to your Drupal 7 site</a> and suprised myself that everything seems to be 'sort of' working. As you can see from my 'collapsible block' on the right of <a href="http://netmagpie.com/cosmic-nanny-place" rel="nofollow noreferrer">THIS PAGE</a> that the block doesnt seem to want to stay open when viewing other months. I dont think this was the intended behaviour.</p>
  <pre><code>jQuery(document).ready(function($) { 
      // init: collapse all groups except for the first one
      $(&quot;.view-collapsible-archive ul&quot;).each(function(i) {
          if (i==0) {
              $(this).siblings(&quot;h3&quot;).children(&quot;.collapse-icon&quot;).text(&quot;▼&quot;);
          } else {
              $(this).hide();
          }
      });
   
      // click event: toggle visibility of group clicked (and update icon)
      $(&quot;.view-collapsible-archive h3&quot;).click(function() {
   
          var icon = $(this).children(&quot;.collapse-icon&quot;);
   
          $(this).siblings(&quot;ul&quot;).slideToggle(function() {
              (icon.text()==&quot;▼&quot;) ? icon.text(&quot;►&quot;) : icon.text(&quot;▼&quot;);
          });
      });
  });
  </code></pre>
  <p>Could anyone suggest anything to me to make the menu block open on a month when clicked and to close the other 'months'?</p>
  <p>thanks</p>