title: Jquery click toggle, if/else cases both triggered
body: <p>I've just made a really simple toggle button. Function checks the state (a class), and executes resizing animation/re-sets state.</p>
  
  <p>But when clicked, somehow both cases are triggered (target div appears and disappears). How can this happen with just one click?</p>
  
  <pre><code>$('.box').live('click',function(){
        if ($(this).hasClass('.op'))
        {
           $(this).siblings('.lh').animate({ width: '0', marginLeft: '80'}, 300);
           $(this).removeClass('.op');
        } else
        {
           $(this).siblings('.lh').animate({ width: '80', marginLeft: '0'}, 300);
           $(this).addClass('.op');
        }
  });
  </code></pre>