title: How to show only certain height of div and show the rest of it when clicked
body: <p>Here is my code: <a href="https://jsfiddle.net/ucffyp3v/43/" rel="nofollow noreferrer">https://jsfiddle.net/ucffyp3v/43/</a></p>
  
  <p>As stated, I would like to only show 50px in height of this div and show the rest once show more is clicked.</p>
  
  <p>The js does not seem to be working to display the rest of the div.</p>
  
  <pre><code>$("document").ready(function(){
  $(".show-more").click(function(){
  if($(".mydiv").css("height")!="50px"){
    $(".mydiv").slideDown();
  }
  else{
    $(".mydiv").slideUp();
  }
  }
  }
  </code></pre>