Comparison between Javascript objects
<p>I have made a simple accordion for my site using jQuery... It worked great, but I've recently started working on a change where if you click the currently opened segments title (the clickable area to slide up/down), it should close the current section.</p>

<pre><code>var sideMenu = {
        activated: {},
        setup: function() {
        $('.menu-category-heading').bind('click', function() { 
                     sideMenu.slideMenu($('ul', $(this).parent()));
                     });

        }, 

        slideMenu: function(menuObj) {

         if (sideMenu.activated == menuObj) {

          $(sideMenu.activated).slideUp(400);
          sideMenu.activated = null;
          console.log('same');

         } else {

          $(sideMenu.activated).slideUp(400);
          menuObj.slideDown(500);
          sideMenu.activated = menuObj;
          console.log('new');
         }
        }


    }
</code></pre>

<p>For some reason the comparison is never working... it does if I add $(menuObj).attr('id') and the same for activated. But this is not ideal as not all items will have an id attribute. </p>

<p>Any suggestions as to make the object comparison work? Or any other tips?</p>

<p>Thank you!</p>
