Trying to hide code block

Damenthrall1 · 2021-12-25T09:18:19.411Z

Hello, I just started using obsidian today as a notetaking app, I am trying to hide code block under a toggle which I followed from this example,

gist.github.com

https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab

markdown-details-collapsible.md

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

This file has been truncated. show original

image840×171 14.2 KB

This is how I want it to look like in Visual Studio Code, but this is how it turns out in obsidian. The code block appears as a string instead of code block.

image754×179 13.2 KB

Am I doing something wrong? I really want this to work.

Thanks for reading!

mnvwvnm · 2021-12-25T11:54:08.746Z

Hi.

This is not a direct answer to your question because I don’t know the limitations in working with markdown syntax inside html… I just know, by experience, that md syntax works inside a <span> tag.

But this is a suggestion: why not working with “Fold heading” or “Fold indent”? (Settings > Editor). With this you don’t need any html code, just .md syntax.

system · 2022-01-24T11:54:25.552Z

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.