Implementing hidden message under a dropdown which opens when clicked

[vikas-bandaru]

I am trying to implement a message hidden under a drop-down (details-summary tags).
Here is my code:

   <details>
     <summary> Solution </summary>
     
     ```java
     public String greetWithName(String name)
     {
         return "Hello, " + name ;
     }
     ```
   </details>

When I try a plaintext under details tag, it works just fine. But when any JustTheDocs formatting is used, it is not applied. How to do it right? Please help.

I am attaching the result I am getting for your reference:

[mattxwang]

Hi @vikas-bandaru, thanks for submitting a discussion! Long story short, kramdown (the markdown compiler/converter used by Jekyll) does not process markdown within HTML by default. If you want kramdown to parse the inside of an HTML block(s) as markdown, you need to use the markdown attribute. In your case, you likely want something like this:

<details markdown="block">
  <summary>Solution</summary>
  ```java
  public String greetWithName(String name)
  {
      return "Hello, " + name ;
  }
  ```
</details>

You can read more about this in the kramdown documentation, though it may not be the most beginner friendly. Let me know if you've got other questions!

[vikas-bandaru]

Thank you for the quick reply. I will look into kramdown documentation for more. Thank you so much!