Mostrar área desplegable / área ampliable con código en el file de networkingucción

Estoy tratando de tener un menu desplegable en el file readme.md y mostrar el código en ese área ampliable.

Para los files md, he visto personas que usan “ `que funcionó para mí.

Los siguientes enlaces fueron útiles para mostrar datos tabulares usando files md y muchas otras cosas:

  1. https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

  2. https://github.com/tchapi/markdown-cheatsheet/blob/master/README.md

Para mostrar un menu desplegable, encontré que usar la label de detalles con el resumen funciona:

Encabezado plegable en Markdown a html

Estoy tratando de actualizar el file md y tener un código que se muestra en

<details> <summary><h1 style="display:inline-block"> Advanced Topics </h1></summary> ``` import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: `<nav> <a routerLink="/signin" routerLinkActive="active">SignIn</a> <a routerLink="/signup" routerLinkActive="active">SignUp</a> </nav> <router-outlet></router-outlet>`, styleUrls: ['./app.component.css'] }) export class AppComponent { } ``` </details> 

Pero no he tenido éxito hasta ahora.

¿Cómo puedo mostrar el código formateado / resaltado como cuando uso “ `pero dentro de las tags de detalles?

Cualquier ayuda sería apreciada.