-
<details> <summary>Spoiler warning</summary> Yes, and you could have just googled markdown spoiler tag </details>
That's what tester wrote.
But it's not markdown, it's just HTML. In HTML5 there is the
details
element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/detailsAnd clicking on the
summary
element within adetails
element will expand it.This is HTML and browser functionality and nothing to do with Markdown, BBCode or what LFGSS offers. It's just part of the web.
Agree that it's weird that it's not highlighted / underlined or otherwise obvious. You should petition your browser vendor.
I see in the example on the Mozilla developer page they explicitly added CSS to make it obvious. Standard HTML shouldn't need that. Sane defaults that can be overridden are the usual way (i.e. a
H3
element looks like a header by default and you'd use CSS to modify it to look like normal text if that's what you wanted - that's the norm for all standard HTML, so this one looks like an exception and a bug... that the standard isn't obvious and needs styling).
-
The default styling for
<summary>
has a disclosure triangle, per https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary#default_style. The extra CSS in the demo at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details just adds a border and tweaks the font - if you delete all the CSS in the CSS tab on that page, you'll still see the triangle.I think what's happening here is that Bootstrap is setting
display: block
on the<summary>
, which has the effect of removing the triangle.Also, thanks for all the work you put into this site <3.
Thanks.
Tried other versions of spoiler tags but couldn't find the right one and search didn't come up with anything.