Edit in JSFiddle

(function ($) {

    var allPanels = $('.accordion > p').hide();

    $('.accordion > h1').click(function () {
        return false;

<div class="accordion">
<h1>Here is the first line.</h1>

    <p>conditioning rims carboy saccharification carbonation top-fermenting yeast bung. balthazar bright beer cask conditioned ale? original gravity beer, chocolate malt dunkle, dextrin barleywine. craft beer anaerobic wheat beer glass wheat beer glass. brew kettle ibu. all-malt ibu mead; aerobic pint glass, malt extract. aroma hops, amber autolysis bunghole filter brew kettle: tulip glass crystal malt top-fermenting yeast autolysis. pilsner terminal gravity. yeast aroma hops racking enzymes, mouthfeel filter reinheitsgebot dry stout. primary fermentation goblet degrees plato, " carboy alpha acid?" primary fermentation brewpub kolsch alcohol lauter.</p>
<h1 href="">Here is the second.</h1>

    <p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</p>
<h1 href="">And lastly, the third.</h1>

    <p>seidel brewing krausen, " brewing ester lauter black malt." tulip glass-- yeast, malt extract copper; pub mash tun carboy? beer mash krausen terminal gravity pub noble hops amber priming craft beer. kolsch krausen-- original gravity ipa sparge primary fermentation primary fermentation yeast priming filter oxidized?</p>

html { font-size:100%; } 
@media (max-width: 320px) { 
    h1 {font-size:12px;} 
@media (max-width:960px) { 
    h1 {font-size:24rem;} 
@media (max-width:1100px) {
 h1 {font-size:48px;}