Google Treats Details HTML5 Tag As Toggleable Display:None

With all the confusion around expandable or hidden content on mobile especially with the mobile first index coming eventually, it is no wonder we see so many questions around it.

In short, content within tabs or expandable when the mobile-first index comes out will be perfectly okay and treated equally to visible content on the page. At least that is the last we know on the topic from Google.

So when someone asked about using the HTML5 details tag for expanding content, John Mueller said it was treated the same as other methods of doing the same thing.

John replied to this on Twitter saying "they're pretty much equivalent for us (same effect)."

Here are the tweets:

Totally up to you, they're pretty much equivalent for us (same effect) & I suspect supported on most modern browsers.

— John ☆.o(≧▽≦)o.☆ (@JohnMu) July 30, 2017

You can try this tag out over here if you want, it just looks like this:

Note: The details tag is not supported in Internet Explorer.

Forum discussion at Twitter.