Loading...

Vertical Tab Set

What is a vertical tab set? How can I use one?

Goal:

Goal:

A tab set consists of separate sections or “chunks” of instruction that students access by clicking labeled “tabs”. Clicking a tab changes the content that students can see within the tab set area.

There are two types of tab sets used in Accelerate lessons--the horizontal tab set and the vertical tab set. Both forms work in the same way. The only difference is the location of the tabs: the tabs in a horizontal tab set appear across the top while the tabs in a vertical tab set are arranged down the left side.

The text that appears above a tab set should direct students’ attention to the tab set and also tell them what the tab set is meant to illustrate or show them.


Algebra Sample

There may be some inequalities with radicals that do not have a solution. In these cases, you will get to step 4 and the solution that you found does not check out. These inequalities have no solution. Follow along as we work out the solution to \(\mathsf{ \frac{1}{5}\sqrt{2x} + 3 ≤ 1 }\).

Step 1: Isolate the radical.

\({ \frac{1}{5}\sqrt{2x} + 3 ≤ 1 }\)

\({ \frac{1}{5}\sqrt{2x} + 3 - 3 ≤ 1 - 3 }\)

\({ \frac{1}{5}\sqrt{2x} \cdot 5 ≤ -2 \cdot 5 }\)

\({ \sqrt{2x} ≤ -10 }\)

Step 2: Eliminate the radical using exponents.

\({ (\sqrt{2x})^2 ≤ (-10)^2 }\)

\({ 2x ≤ 100 }\)

Step 3: Isolate the variable.

\({ \frac{2x}{2} ≤ \frac{100}{2} }\)

\({ x ≤ 50 }\)

Step 4: Verify the solution.

\({ \frac{1}{5}\sqrt{2(25)} + 3 ≤ 1 }\)

\({ \frac{1}{5}\sqrt{50} + 3 ≤ 1 }\)

\({ \frac{1}{5}(7.07) + 3 ≤ 1 }\)

\({ 1.41 + 3 ≤ 1 }\)

\({ 4.41 ≤ 1 }\) x

Step 5: Verify the radicand of radicals with an index are positive.

Even though the index is even in this inequality, there is no need to move on to step 5, since the original solution does not check out. This inequality has NO SOLUTION.


Sample Formatting

How was this content formatted so that we can develop the content correctly?

There may be some inequalities with radicals that do not have a solution. In these cases, you will get to step 4 and the solution that you found does not check out. These inequalities have no solution. Follow along as we work out the solution to \(\mathsf{ \frac{1}{5}\sqrt{2x} + 3 ≤ 1 }\).

[insert tab set]

[tab 1] Step One

Step 1: Isolate the radical.

[Insert example text]

\(\mathsf{ \frac{1}{5}\sqrt{2x} + 3 ≤ 1 }\)
\(\mathsf{ \frac{1}{5}\sqrt{2x} + 3 - 3 ≤ 1 - 3 }\)
\(\mathsf{ \frac{1}{5}\sqrt{2x} \cdot 5 ≤ -2 \cdot 5 }\)
\(\mathsf{ \sqrt{2x} ≤ -10 }\)

[Insert example text]

[tab 2] Step Two

Step 2: Eliminate the radical using exponents.

[Insert example text]

\(\mathsf{ (\sqrt{2x})^2 ≤ (-10)^2 }\)
\(\mathsf{ 2x ≤ 100 }\)

[Insert example text]

[tab 3] Step Three

Step 3: Isolate the variable.

[Insert example text]

\(\mathsf{ \frac{2x}{2} ≤ \frac{100}{2} }\)
\(\mathsf{ x ≤ 50 }\)

[Insert example text]

[tab 4] Step Four

Step 4: Verify the solution.

[Insert example text]

\(\mathsf{ \frac{1}{5}\sqrt{2(25)} + 3 ≤ 1 }\)
\(\mathsf{ \frac{1}{5}\sqrt{50} + 3 ≤ 1 }\)
\(\mathsf{ \frac{1}{5}(7.07) + 3 ≤ 1 }\)
\(\mathsf{ 1.41 + 3 ≤ 1 }\)
\(\mathsf{ 4.41 ≤ 1 }\) [Insert red 'x']

[Insert example text]

[tab 5] Step Five

Step 5: Verify the radicand of radicals with an index are positive.

[Insert example text]

Even though the index is even in this inequality, there is no need to move on to step 5, since the original solution does not check out. This inequality has NO SOLUTION.

[Insert example text]

[end tab set]


Customizable Content

Below are the suggested specifications for using images and interactive components within this interactive.

Optimization
Constraints:
  • Ideal for medium amounts of content.
  • 2-8(max) tabs per tabset
  • Tab titles should resemble a “category” title for the tab content no more than 30 characters in length (including spaces).
    • Longer section/tab descriptions should be added to tab content as a tab heading.
    • Tab titles should all be similar in length and not wrap to more than 2 lines when developed.
  • Images will display at small-medium sizes to minimize page scrolling.
Preferred image orientation:
  • Banner
  • Horizontal
  • Square
Larger or more detailed images should utilize a lightbox interactive.
Nested Interactives?
Yes! The following interactive(s) can be used insidse a vertical tab set.
  • Lightbox
  • Hidden Answer Buttons
  • Flip Box
Audio/Video?
Yes! Audio and video can be used inside each tab content section.

Note: Interactive requests are subject to change, based on content type, image size and usability.


Examples

Vertical tab sets can be used in all subject areas to divide content across 2-8 small sections instead of presenting the content as one long scrolling page. Tab sets are particularly useful for "chunking" content into categories, steps, or examples of a concept if students will be asked to compare and/or contrast examples. (For illustrating steps in a process, a tab set can be more appropriate than a slide show if the steps are longer or more complicated than what would easily fit in a slide show--or if students will be practicing each step once it is presented.)

Science

View Example

Math

View Example

Language Arts

View Example

Formatting Template

To use a tab set in one of your lessons, copy and paste the text shown below, and replace the placeholder text with your own.

[insert tab set]

[tab 1] Tab1 Title

Tab_1_Content

[tab 2] Tab2 Title

Tab_2_Content

[end tab set]