title: Toggle adds display none?
body: <p>I am trying to make a box but when clicked a list item it drops down then returns when clicked. I have done this many times before but for some reason Jquery is adding display:none; </p>
  
  <pre><code>        $('li.item-162').toggle(function(){
                             $('.login').animate({
                                  top: '27px'
                                   }, 1000);
  
                          },function() {          
                               $('.login').animate({
                                  top: '-212px'
                                   }, 1000);
                          });
  
          $(".li.item-162").show();
  </code></pre>
  
  <p>And in firebug my code shows 
  <img src="https://i.stack.imgur.com/XgEYz.jpg" alt="enter image description here">
  You can see it live here.. 
  <a href="http://rdhealthandsafety.co.uk/index.php" rel="nofollow noreferrer">http://rdhealthandsafety.co.uk/index.php</a></p>
  
  <p>Any ideas why this is happening, I guess its my Tuesday morning blues :(</p>