How to add a collapsible section in markdown.

markdown-details-collapsible.md

A collapsible section with markdown

Click to expand!

Heading

1. A numbered
2. list
   • With some
   • Sub bullets

A collapsible section with code

Click to expand!

  function whatIsLove() {
    console.log('Baby Don't hurt me. Don't hurt me');
    return 'No more';
  }

How to structure the markup

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

NB: Make sure you have an empty line after the closing </summary> tag.

NB: Make sure you have an empty line after the closing </details> tag if you have multiple collapsible sections.

Make collapsible section default opened

Note:
all the UIKit's accessibilityIdentifier is a preperty of the protocol UIAccessibilityIdentification and all enum's rawValue is default to follow RawRepresentable

Expand for steps details

• 1.1 Define the enums
  • set rawValue in String
  • append PrettyRawRepresentable if need
• 1.2 set UIKit's accessibilityIdentifier by enums's rawValue
  • method1: infix operator
  • method2: UIAccessibilityIdentification's extension
• 1.3 Apply in UITest target