• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
UT Shield
College of Fine Arts WordPress Instruction
  • Home
  • Quick Start
  • Get Started
    • Log in
    • Dashboard Workspace
      • Dashboard Menu
      • Screen Options Tab
      • Other Tools and Areas of the Dashboard
    • Create & Edit Pages
      • Using the Editor
        • Text Editor
      • Page Editing Screen Details
      • Password Protecting Website Content
    • Delete a Page or Post
    • Blog & News Posts
      • Using the Editor
        • Text Editor
      • Post Editing Screen Details
      • Post Category as a Menu Item
    • Images, Multimedia & Attachments
      • Add Images
      • Thumbnail Image Gallery
      • Video & Audio
      • Slideshow Carousel
        • RoyalSlider Instructions
      • Add Media from External Services
      • Documents & Attachments
      • Floated Images
    • Navigation & Links
      • Non-Visible Link Context
      • URL Web Address
    • Manage Comments
    • Social Media & Networks
  • Advanced
    • Menu Navigation
      • Post Category as a Menu Item
    • Hide Reveal Accordions
    • Page Layout Options & Custom Features
      • WordPress Themes
      • Column Layouts
      • Custom Features
        • Tabular Data
        • Team or Category Grids
      • Header Images
    • Manage Editors & Contributors
  • General Web Instruction

Hide Reveal Accordions

In the Code tab, you can add follow this HTML code example to create a hide reveal accordion content that allows visitors to click on a trigger to reveal or disclose additional content on the page.

<details>
<summary>The thing you click (trigger)</summary>
The revealed content
</details>

Example:

The thing you click (trigger)

The revealed content

Learn More

About the Details disclosure element on the MDN website and about HTML on our instructions website.

Primary Sidebar

Open Office / Co-Working Sessions

Second Monday of the month:
11 a.m. – 12:30 p.m.

Fourth Thursday of the month:
2 p.m. – 3:30 p.m.

Email us for the Zoom link.

College of Fine Arts Web Instruction
Subscribe to our email list to receive periodic tips and resources for generating great digital content

Contact Us

The COFA Web team can be reached by emailing us at cofawebmaster@austin.utexas.edu

UT Home | Emergency Information | Site Policies | Web Accessibility | Web Privacy | Adobe Reader

© The University of Texas at Austin 2025