Overview
The Collapsible is an interactive feature used to pause learners at intentional moments and prompt thinking before revealing feedback, explanation, or expert insight. It supports engagement by asking learners to generate an idea, prediction, or response and then compare it to what follows. Collapsibles should be used only when thinking before the reveal adds instructional value. They may support guided reflection or formative knowledge checks, provided the reveal includes feedback or explanation and not just an answer. Collapsibles are not a page design element and should not be used to force interaction or hide content learners need to see immediately.
Common Pitfalls to Avoid
- Using it as a layout or design tool
- Using to hide large sections of instructional content
- Overusing within a single page
- Revealing answers without encouraging reflection
[Example]
The concept of umami is often described as the “fifth taste,” alongside sweet, sour, salty, and bitter. It is a savory, rich flavor that adds depth to many dishes and is commonly found in ingredients like mushrooms, tomatoes, cheese, and soy sauce. Although it has long been present in global cuisines, it was only formally identified in the early 20th century.
Umami is primarily associated with the presence of glutamates, which are naturally occurring compounds in certain foods. When these compounds interact with our taste receptors, they create a lingering, satisfying sensation that enhances the overall flavor of a dish. This is why foods rich in umami often feel more “complete” or deeply satisfying.
Cooking techniques can amplify umami in interesting ways. Methods like roasting, aging, and fermenting help concentrate flavors and increase glutamate levels. For example, roasting tomatoes intensifies their natural savoriness, while aging cheese develops a stronger umami profile over time.
Umami also plays a key role in balancing flavors. It can soften sharp acidity, complement sweetness, and round out bitterness. This makes it an important tool for chefs and home cooks who want to create well-balanced, layered dishes without relying too heavily on salt or fat.
Many traditional cuisines naturally incorporate umami-rich ingredients. Japanese cooking uses miso and seaweed, Italian cuisine relies on tomatoes and Parmesan cheese, and many Southeast Asian dishes include fish sauce. These ingredients contribute to the signature depth of flavor in their respective food traditions.
Understanding umami can also help improve everyday cooking. By intentionally adding ingredients that boost savoriness—such as mushrooms, broth, or fermented products—cooks can elevate simple meals. This approach allows for more complex flavors without needing complicated techniques.
Ultimately, recognizing umami changes how people experience food. It highlights the importance of depth and balance, encouraging a more thoughtful approach to cooking and eating. By paying attention to this often-overlooked taste, anyone can create meals that are more enjoyable and satisfying.
CDD Tag
<collapsible></collapsible>
Guidelines
Do
ID
Do Use for Prompted Thinking with Instructional Reveal
Collapsibles should be used when learners benefit from pausing to think before seeing feedback, explanation, or expert insight. This may include guided reflection or formative knowledge checks, provided the reveal meaningfully builds on the prompt.
ID
Do Write Clear, Intentional Prompts
Prompts should explicitly signal that learners are expected to pause and think before revealing content. Use directive language to ensure the interaction feels purposeful and not like a click‑to‑continue action.
ID
Keep Content Brief and Focused
Ensure the hidden content (answer/feedback) is concise and directly tied to the question. This maintains clarity and avoids unnecessary cognitive load.
ID
Use Sparingly to Maintain Impact
Limit the number of collapsibles per page so each one feels purposeful and meaningful. Overuse reduces their effectiveness and can overwhelm learners.
Do Not
ID
Hide Large Sections of Instructional Content
Avoid placing extensive explanations or key learning material inside collapsibles. Important content should remain visible to support comprehension and accessibility.
ID
Overuse Within a Single Page
Using too many collapsibles can disrupt flow and increase interaction fatigue, making the page feel cluttered and harder to navigate.
ID
Reveal Answers Without Prompting Thought
Avoid using collapsibles as simple “click to reveal” answers without first encouraging learners to reflect. This removes the learning benefit and turns the interaction into passive consumption.
ID
Production
Use as a Layout or Design Tool
Collapsibles should not be used to organize or structure general content. This is not their intended purpose and can create confusion in the learning experience.