How to use collapse-code in tools of this repo?

[RonaldLN]

When I read the docs of this repo, I notice things like at the bottom of this page

https://facelessuser.github.io/pymdown-extensions/extensions/details/

the code block can be collapsed and only show several lines.

Then I look the source markdown file, and found

//// collapse-code
...
////

then I look the mkdocs.yml

markdown_extensions:
  - tools.collapse_code:
      expand_text: ''
      collapse_text: ''

then, I try to add this thing to my docs. I copy the whole diretory tools and add same tools.collapse_code: ... lines in my mkdocs.yml, but get error when mkdocs serve.

can some one tell me how to add this things correctly? I think this looks very nice and I really want to use it in my docs.

Thanks!

[RonaldLN]

I find the owner's reply in this issue may be helpful,

#1446 (comment)

but i try run

python -m mkdocs serve

still get

> python -m mkdocs serve
ERROR   -  Config value 'markdown_extensions': Invalid Markdown Extensions configuration

Aborted with a configuration error!

still trying...

[RonaldLN]

after fixing the error indentation in mkdocs.yml, I run python -m mkdocs serve successfully.

But code is not collapsed in the served webpage.

still trying...

[RonaldLN]

finally, after I added extra css and js file in mkdocs.yml, I find it's essential to add the extra css,

extra_css:
  - assets/pymdownx-extras/extra-c6ab11540a.css

and then this effect can be seen on the served webpage.

[facelessuser]

Yes, it is not a supported extension. I don't document it and don't ship it. It's something I hacked together for my own purposes, but people are free to use it if they want.