Easy collapsible sections with markdown

Easy collapsible sections with markdown

[boardtc]

[-- Attachment #1.1: Type: text/plain, Size: 1336 bytes --]

Probably everyone know how to do this.

I had a long first section in my markdown that I could fold in my editor 
but found myself scrolling in the html and thought wouldn't it be handy if 
that was folded to.

I had a google and found the github page 
<https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab> 
with instructions on how to do it, wrapping in a details tag:

# A collapsible section with markdown
<details>
  <summary>Click to expand!</summary>
  
  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>

I added it, did a Pandoc conversion and very unexpectedly it worked perfectly!!! Fantastic :-)

Googling "collapsible section Pandoc markdown" did not find any Pandoc help but then looking at the HTML source I leaned about the HTML details tag <https://www.w3schools.com/tags/tag_details.asp> and it was not markdown at all.

Everyday is a schoolday!"


  

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/7309650e-0a39-4912-b027-dde817edd6d7o%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 1842 bytes --]

Re: Easy collapsible sections with markdown

[Gwern Branwen]

If you're interested in HTML solutions, the standard HTML
disclosure/details stuff has some weaknesses. For gwern.net we went
with a JS-based solution implemented in
https://www.gwern.net/static/js/rewrite.js ; it works pretty well and
I use it for collapsing all sorts of things like appendices or code
blocks (because it's just another class, so you can write `~~~{.bash
.collapse}`, you can see many examples in my DL writeups like
https://www.gwern.net/Faces or https://www.gwern.net/GPT-2 ), where
just section-based collapsing would be inadequate.

-- 
gwern

Re: Easy collapsible sections with markdown

[John Gabriele]

[-- Attachment #1: Type: text/plain, Size: 2071 bytes --]

Wow! That's great! Did not know about that. Thanks!


On Wed, Jun 17, 2020, at 7:12 AM, boardtc wrote:
> Probably everyone know how to do this.
> 
> I had a long first section in my markdown that I could fold in my editor but found myself scrolling in the html and thought wouldn't it be handy if that was folded to.
> 
> I had a google and found the github page <https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab> with instructions on how to do it, wrapping in a details tag:
> 
> `# A collapsible section with markdown
<details>
  <summary>Click to expand!</summary>
  
  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>
> 
> I added it, did a Pandoc conversion and very unexpectedly it worked perfectly!!! Fantastic :-)
> 
> Googling "collapsible section Pandoc markdown" did not find any Pandoc help but then looking at the HTML source I leaned about the HTML details tag <https://www.w3schools.com/tags/tag_details.asp> and it was not markdown at all.
> 
> Everyday is a schoolday!"
`
> 
> 
> 

> --
>  You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
>  To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
>  To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/7309650e-0a39-4912-b027-dde817edd6d7o%40googlegroups.com <https://groups.google.com/d/msgid/pandoc-discuss/7309650e-0a39-4912-b027-dde817edd6d7o%40googlegroups.com?utm_medium=email&utm_source=footer>.

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/bc3154d4-4405-40c8-b68d-fca993a15539%40www.fastmail.com.

[-- Attachment #2: Type: text/html, Size: 2990 bytes --]