Skip to content

Instantly share code, notes, and snippets.

@MikeTreml
MikeTreml / index.html
Created June 30, 2022 16:04
Pure CSS Collapsible Sections without JavaScript
<h1>BJCP Style 26. Trappist Ale</h1>
<section class="accordion">
<input type="checkbox" name="collapse" id="handle1" checked="checked">
<h2 class="handle">
<label for="handle1">26A. Trappist Single</label>
</h2>
<div class="content">
<p><strong>Overall Impression:</strong> A pale, bitter, highly attenuated and well carbonated Trappist ale, showing a fruity-spicy Trappist yeast character, a spicy-floral hop profile, and a soft, supportive grainy-sweet malt palate.</p>
<p><strong>History:</strong> While Trappist breweries have a tradition of brewing a lower-strength beer as a monk’s daily ration, the bitter, pale beer this style describes is a relatively modern invention reflecting current tastes. Westvleteren first brewed theirs in 1999, but replaced older lower-gravity products.</p>
</div>