title: How to toggle a .click easier?
body: <p>I am working on my final for my webpage development class, I am trying to make a blog themed website. I want to make my code it so that there is a profile picture and when clicked it turns into a box and reveals a bio and some other info. I already have that part done, but now I want to make it so that when the profile picture is clicked again, it will make the box and the info disappear. I understand that there are ways and I have tried some but to no success. When I try .toggle, it just disappears it completely. Any advice would help, thank you
  <br><br>
  (JSfiddle wasn't working for me, sorry) >
  <a href="http://codepen.io/JoshuaHurlburt/pen/OVRdje" rel="nofollow">CodePen</a>    </p>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function() {
    $('#picback').click(function() {
      $('#picback').animate({
        borderTopLeftRadius: 100,
        borderTopRightRadius: 100,
        borderBottomLeftRadius: 2,
        borderBottomRightRadius: 2,
        height: 460
      }, 'slow');
      $('#info').fadeIn('slow');
    });
  });
  </code></pre>