doctype html html
head meta name="viewport" content="width=device-width, initial-scale=1" script src="https://code.jquery.com/jquery-3.3.1.min.js"integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous" link href='https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.10.0/github-markdown.min.css' rel='stylesheet' type='text/css' body scss: .markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px; } @media (max-width: 767px) { .markdown-body { padding: 15px; } } .s:hover { cursor: pointer; } .hidden { display: none; margin-left: 10px; } .markdown-body h1 a#toggle-all href='#' = title == tree coffee: $ -> $('.clickable').on "click", (e) -> e.preventDefault() target = $(this).attr 'href' $(target).toggle() $('#toggle-all').on "click", (e) -> e.preventDefault() $('.hidden').toggle()