Toggle Block


Toggle Block Examples


The Toggle Block reveals content within a customizable toggle container. It’s an excellent tool for creating FAQ sections, documentation, terms and conditions, or hiding verbose information.

Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the Organic Blocks plugin is required.

Please Note: These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings.

Variation 1

Why Is The Sky Blue?

The sky looks blue but really it is made up of all the colours of the rainbow. Each of these colours has a different wavelength. Some of these are smoother while others are choppy. Blue light waves travel in short, choppy waves. Like each of the other colours, blue light waves are scattered and reflected as they enter Earth’s atmosphere and collide with gases and other particles. Because the colour blue has the shortest wavelength, it collides with nearly everything in its path and is scattered about the sky. This is why the sky appears blue.

What Makes a Rainbow?

White colour is actually a mix of several different colours. Each constituent colour of a rainbow is caused by a specific wavelength of light. When light hits a medium that forces it to slow down, the light ray bends, but not equally. Each wavelength bends by a certain amount, which causes the different coloured rays of light to exit the raindrop in slightly different directions. This results in the colours fanning out. When sunlight goes through droplets of water, the beam of light is split into the different colours that make up light. The same effect can be seen if you shine a light through a glass prism.

How Much Does the Sky Weigh?

The Earth has a surface area of 197 million square miles. Multiply that by four billion, and you have the Earth’s surface area in square inches. With atmospheric pressure being an average 14.7 lbs (6.6kg) per square inch, the sky weighs roughly 5.2 million billion metric tons. Another way of looking at it, according to the United Kingdom’s Science and Technology Facilities Council, is in its equivalent to Indian elephants. By that measure, the sky weighs equal 570,000,000,000,000 adult Indian elephants.

Where Do Birds Go in Winter?

In areas with colder climates, some common bird foods (such as insects, nectar, small animals, small reptiles) disappear for the season. The birds that rely on these foods fly south for the winter months, where they are more likely to find their favorite foods. Other birds, such as those that feed on subterranean insects or bugs that burrow within the bark of trees, stick around for the winter months, as their supply of food is constant.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 2

Why Is The Sky Blue?

The sky looks blue but really it is made up of all the colours of the rainbow. Each of these colours has a different wavelength. Some of these are smoother while others are choppy. Blue light waves travel in short, choppy waves. Like each of the other colours, blue light waves are scattered and reflected as they enter Earth’s atmosphere and collide with gases and other particles. Because the colour blue has the shortest wavelength, it collides with nearly everything in its path and is scattered about the sky. This is why the sky appears blue.

What Makes a Rainbow?

White colour is actually a mix of several different colours. Each constituent colour of a rainbow is caused by a specific wavelength of light. When light hits a medium that forces it to slow down, the light ray bends, but not equally. Each wavelength bends by a certain amount, which causes the different coloured rays of light to exit the raindrop in slightly different directions. This results in the colours fanning out. When sunlight goes through droplets of water, the beam of light is split into the different colours that make up light. The same effect can be seen if you shine a light through a glass prism.

Where Do Birds Go in Winter?

In areas with colder climates, some common bird foods (such as insects, nectar, small animals, small reptiles) disappear for the season. The birds that rely on these foods fly south for the winter months, where they are more likely to find their favorite foods. Other birds, such as those that feed on subterranean insects or bugs that burrow within the bark of trees, stick around for the winter months, as their supply of food is constant.

How Much Does the Sky Weigh?

The Earth has a surface area of 197 million square miles. Multiply that by four billion, and you have the Earth’s surface area in square inches. With atmospheric pressure being an average 14.7 lbs (6.6kg) per square inch, the sky weighs roughly 5.2 million billion metric tons. Another way of looking at it, according to the United Kingdom’s Science and Technology Facilities Council, is in its equivalent to Indian elephants. By that measure, the sky weighs equal 570,000,000,000,000 adult Indian elephants.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 3

Why Is The Sky Blue?

The sky looks blue but really it is made up of all the colours of the rainbow. Each of these colours has a different wavelength. Some of these are smoother while others are choppy. Blue light waves travel in short, choppy waves. Like each of the other colours, blue light waves are scattered and reflected as they enter Earth’s atmosphere and collide with gases and other particles. Because the colour blue has the shortest wavelength, it collides with nearly everything in its path and is scattered about the sky. This is why the sky appears blue.

What Makes a Rainbow?

White colour is actually a mix of several different colours. Each constituent colour of a rainbow is caused by a specific wavelength of light. When light hits a medium that forces it to slow down, the light ray bends, but not equally. Each wavelength bends by a certain amount, which causes the different coloured rays of light to exit the raindrop in slightly different directions. This results in the colours fanning out. When sunlight goes through droplets of water, the beam of light is split into the different colours that make up light. The same effect can be seen if you shine a light through a glass prism.

Where Do Birds Go in Winter?

In areas with colder climates, some common bird foods (such as insects, nectar, small animals, small reptiles) disappear for the season. The birds that rely on these foods fly south for the winter months, where they are more likely to find their favorite foods. Other birds, such as those that feed on subterranean insects or bugs that burrow within the bark of trees, stick around for the winter months, as their supply of food is constant.

How Much Does the Sky Weigh?

The Earth has a surface area of 197 million square miles. Multiply that by four billion, and you have the Earth’s surface area in square inches. With atmospheric pressure being an average 14.7 lbs (6.6kg) per square inch, the sky weighs roughly 5.2 million billion metric tons. Another way of looking at it, according to the United Kingdom’s Science and Technology Facilities Council, is in its equivalent to Indian elephants. By that measure, the sky weighs equal 570,000,000,000,000 adult Indian elephants.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 4

This Toggle Is Already Open

An open toggle.

This toggle is already set to the open state within the block settings. It has several custom border and background styles applied. You may customize the Toggle Block appearance to your liking.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 5

Why Is The Sky Blue?

The sky looks blue but really it is made up of all the colours of the rainbow. Each of these colours has a different wavelength. Some of these are smoother while others are choppy. Blue light waves travel in short, choppy waves. Like each of the other colours, blue light waves are scattered and reflected as they enter Earth’s atmosphere and collide with gases and other particles. Because the colour blue has the shortest wavelength, it collides with nearly everything in its path and is scattered about the sky. This is why the sky appears blue.

What Makes a Rainbow?

White colour is actually a mix of several different colours. Each constituent colour of a rainbow is caused by a specific wavelength of light. When light hits a medium that forces it to slow down, the light ray bends, but not equally. Each wavelength bends by a certain amount, which causes the different coloured rays of light to exit the raindrop in slightly different directions. This results in the colours fanning out. When sunlight goes through droplets of water, the beam of light is split into the different colours that make up light. The same effect can be seen if you shine a light through a glass prism.

Where Do Birds Go in Winter?

In areas with colder climates, some common bird foods (such as insects, nectar, small animals, small reptiles) disappear for the season. The birds that rely on these foods fly south for the winter months, where they are more likely to find their favorite foods. Other birds, such as those that feed on subterranean insects or bugs that burrow within the bark of trees, stick around for the winter months, as their supply of food is constant.

How Much Does the Sky Weigh?

The Earth has a surface area of 197 million square miles. Multiply that by four billion, and you have the Earth’s surface area in square inches. With atmospheric pressure being an average 14.7 lbs (6.6kg) per square inch, the sky weighs roughly 5.2 million billion metric tons. Another way of looking at it, according to the United Kingdom’s Science and Technology Facilities Council, is in its equivalent to Indian elephants. By that measure, the sky weighs equal 570,000,000,000,000 adult Indian elephants.

Do Aliens Exist?

Yes. Without a doubt.

Why Is The Ocean Blue?

“The ocean looks blue because red, orange and yellow (long wavelength light) are absorbed more strongly by water than is blue (short wavelength light). So when white light from the sun enters the ocean, it is mostly the blue that gets returned. Same reason the sky is blue.”

— Scientific American

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!