|||

HTML details tag example

Needed An Easy Question and Answer Solution

Looking for a way to make a simple Question and Answer solution for little quiz/reflection sections in my blog posts, I came across many CSS/JS solutions, but the simplest solution, was to use the HTML details tag.

I could pose a questions, unveil an answer, just what I needed.

The details tag encapsulates a summary and paragraph tag, that when the summary item is clicked, it reveals the paragraph text.

There is also an attribute which specifies if the paragraph details are visible to the user by default.

See the snippet below, as an example.

<details>
    <summary>Item Title</summary>
    <p>Text to be Expanded</p>
</details>
Example of details tag:
Item Title

Text to be Expanded

Resources:

Quackit https://www.quackit.com/html_5/tags/html_details_tag.cfm 1

W3schools https://www.w3schools.com/tags/tag_details.asp 2


  1. Quackit https://www.quackit.com/html_5/tags/html_details_tag.cfm

  2. W3schools https://www.w3schools.com/tags/tag_details.asp

Up next Microsoft RD Client iOS App Migrating Website
Latest posts Update macOS with an all in one alias Mac App Store Command Line Interface Update macOS with softwareupdate command Markdown Crash Course Video What’s New with Fusion and Workstation [HCP1833] File IO in Python Overview of vSphere 7 Video What is ISO? Migrating Website HTML details Tag Microsoft RD Client iOS App Create VMware ESXi USB Install Media Intel NUC Lab Hosts Hardware Setup Installing Microsoft SQL 2016, and Management Studio Deploy VMware vCenter Appliance (VCSA) Installing the First Two Domain Controllers in the VMware ESXi 6.7 Lab Environment Macchanger Utility, and Usage Install a Kali Linux VM in a VMware ESXi 6.7 Environment Install Ubuntu 18.04 Virtual Machine in a VMware ESXi 6.7 Environment Install xRDP on Ubuntu 18.04 Install Chromium on Ubuntu 18.04 Install OpenSSH on Ubuntu 18.04 Install VMware Workstation 14 on Ubuntu 18.04 Nested ESXi server Laboratorium Rattus The Animal Within Who is Veeam? RSAC OnDemand Videos Create a Windows 10 Sandbox VM on VMware Workstation 14 RSA Conference 2018 Installing VMware Workstation 14 on Windows 10 VMware vExpert 2018 Announcement, Great News