title: Bootstrap Panel slideToggle
body: <p>I am trying to use panels to display information, showing a snippet of the text and then sliding down in order to see the "detail" view. The code I currently have nearly works, but is hardly elegant. <a href="http://jsfiddle.net/jtholla2/tWTB6/18/" rel="nofollow">Here is my code (JSFiddle)</a></p>
  
  <p>The span element doesn't seem to be working quite properly. Also, I was wondering if there is a way to show there is more text to see with a sort of "fade to the bottom of the panel"? In addition my Javascript is functional but not great. Plus, how can I implement an icon in the panel heading similar to a <code>"&gt;"</code>? Is there a way to avoid the first line of my code?</p>
  
  <pre><code>$(".full").hide();
  $(document).on("click", "#expander", function () {
      $(".full").slideToggle();
      $(".moreLink").toggle();
  });
  </code></pre>