MwPaJR

index.html

<div class="field-type-text-with-summary">
    <div class="field-items close">
          <div class="field-item even" property="schema:articleBody content:encoded"><p>You may want to grab tickets to this year's <a href="http://rockstarmayhemfest.com/" target="_blank" rel="nofollow">Mayhem Festival</a> as it may be the last one. In a new interview with the <a href="http://www.freep.com/story/entertainment/music/2015/07/08/mayhem-festival-preview-metal/29838125/" target="_blank" rel="nofollow">Detriot Free Press</a>, festival co-founder Kevin Lynman has a grim outlook on the event's future saying the festival is “at risk of going away at any given moment.” According to Lynman, a big problem is the lack of <a href="/topic/heavy-metal" class="inline_link omniture-click-processed">heavy metal</a> headliners. He calls this year's lineup, which features <a href="/topic/slayer" class="inline_link omniture-click-processed">Slayer</a> and <a href="/topic/king-diamond" class="inline_link omniture-click-processed">King Diamond</a>, “the best available for what we had to work with.” Speaking on the issue further, he goes on to say:</p>
<p>“The bands at the top all demand a certain level of fee to be on tour. Unlike punk rock, metal never knows how to take a step back to move the whole scene forward...[Metal is] always about a me, me, me thing.” He even goes on to say that metal got “gray, bald, and fat” as the genre aged. Lynman's feeling on the scene, along with general concerns about expenses, have lead to him making Mayhem Fest smaller with two stages instead of the usual three.</p>
</div>
      </div>
</div>
<a class="button" style="display:block;">BUTTON</a>

mwpajr.markdown

MwPaJR

A Pen by Dano Manion on CodePen.

License.

script.js

$('.button').click(function() {
  $('.close').toggleClass(open,close)
/*  $('.close').switchClass('.open', '.close', 1000, "easeInOutQuad" );*/
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.scss

.field-type-text-with-summary {
  .open {
    height: auto;
  }
  
  .close {
    height: 100px;
    overflow: hidden;
  }
}

.button {
  display: block;
  height: 50px;
  border: solid red 1px;
  width: 200px; 
  cursor: pointer;
}