EVERY DEMO COMES IN TWO FILES
How to import a Content Toggle demo
The switch lives in the section, the two panels live in your Divi Library. Import both, then link them.
01
Download panels and import the file in Divi › Divi Library › Import. Both panels arrive at once.
02
Download this section and import it on your page with Portability › Import in the builder.
03
Open the Content Toggle module and pick the two imported layouts as First and Second Panel.
USE CASE 01 · HOTELS, BARS & ROOFTOPS
Sunrise to midnight, one switch
A big sun-and-moon switch flips the whole rooftop from warm cream daytime cards to deep indigo night, with a soft zoom between them.
Switch: large slider · Labels: sun & moon icons · Track: amber → indigo · Transition: zoom in
USE CASE 02 · GYMS & PERSONAL TRAINERS
Pick your level
Two big tabs with a second line underneath. The plan fades from calm grey for beginners to full red for advanced, without a single jump.
Switch: tabs + sub-labels · Active tab: red · Transition: fade · Panels: photo hero + weekly plan
3 DAYS · 45 MIN · ALL LEVELS
BUILD THE BASE
Learn the six big movements with a coach next to you. Calm pace, clean form, real progress.
YOUR WEEK
MONDAY
Full body A — squat, push-up and row. Three sets of ten.
WEDNESDAY
Mobility & core — thirty minutes to move better and stand taller.
FRIDAY
Full body B — deadlift, press and lunge. Patterns before weight.
5 DAYS · 75 MIN · ADVANCED
PUSH THE LIMIT
Periodised strength, power and conditioning for athletes who already know the lifts.
YOUR WEEK
MON · THU
Heavy strength — squat and bench at 85% for top sets, then volume.
TUE · FRI
Power & speed — cleans, box jumps and hill sprints in sharp bursts.
SATURDAY
Conditioning — forty minutes of intervals on the rower and bike.
USE CASE 03 · TRAVEL & TOURS
Peaks or waves this summer?
Each tab carries a tiny round photo, so travellers choose with their eyes. The trips slide in as full-photo cards.
Switch: tabs with round photos · Transition: slide horizontal · Panels: photo cards with gradient
Mountains
Coast5 DAYS · FROM €1,290
Dolomites hut to hut
Sleep high, walk light and eat like a king.
7 DAYS · FROM €1,840
Swiss Alps by train
Glacier views from your window seat, every day.
4 DAYS · FROM €690
Tatra weekend
Quiet peaks, glass-clear lakes and wooden villages.
6 DAYS · FROM €1,150
Greek islands
Ferries, white villages and blue domes at sunset.
5 DAYS · FROM €1,380
Palm coast retreat
Pool villas, palm shade and a turquoise sea.
7 DAYS · FROM €1,560
Ocean-view suites
Wake up to the waves, fall asleep to the stars.
USE CASE 04 · CLINICS & FAMILY SERVICES
Prices for grown-ups and little ones
A friendly teal switch with a price hint on hover. The kids side bounces in with three candy-coloured cards.
Switch: slider · Badges: tooltip on hover · Transition: bounce · Panels: white vs pastel cards
USE CASE 05 · CONFERENCES & FESTIVALS
Two days, one switch
A glowing gradient tab with the date underneath and a “Few seats left” badge. The schedule slides up like a new page of the programme.
Switch: gradient tabs + dates · Badge: on top · Transition: slide vertical · Panels: glass session cards
USE CASE 06 · PRICING
Monthly or yearly?
The classic: one switch changes every price on the table. A green badge on “Yearly” tells people why they should flip it.
Switch: slider · Badge: “Save 20%” on Yearly · Transition: fade
USE CASE 07 · BANKING & SAAS
One site, two audiences
Segmented buttons with icons let people pick who they are. The panel slides sideways to the matching story.
Switch: segmented + icons · Transition: slide horizontal
PERSONAL ACCOUNT
Money that feels light
Spend, save and split bills from one free account. No fees at home or abroad.
● Free card, Apple Pay and Google Pay
● Round-ups into savings
● Split bills with one tap
BUSINESS ACCOUNT
Books that balance themselves
Invoices, cards for the whole team and VAT reports that file themselves.
● 10 team cards included
● Invoices paid by link
● Exports to your accountant
USE CASE 08 · BEFORE & AFTER
From tired to wow
Interior makeovers and redesigns. The new photo wipes in from the top, like a curtain lifting.
Transition: wipe vertical · Duration: 700 ms
BEFORE · 2019
AFTER · 2026
USE CASE 09 · RESTAURANT MENU
Lunch or dinner?
Two menus in one place. A sun and a moon on the labels, and a soft blur as the menu changes, like the light at dusk.
Labels: icons · Transition: blur
Garden salad€12
Burrata, peach, basil oil
Margherita€13
Fior di latte, San Marzano
Lemon linguine€15
Parmesan, black pepper
Beef carpaccio€16
Capers, rocket, aged parmesan
Truffle risotto€26
Carnaroli, black truffle
Sea bass€29
Fennel, orange, olive
USE CASE 10 · PRODUCT PAGE
Volt City e-bike
Keep the product page short: features for most people, the full spec sheet for the few who want it. Switch: segmented, left aligned · Transition: slide vertical
USE CASE 11 · ONLINE SCHOOL
Built for both sides of the class
Small photos on the labels and a line under each name make the choice friendly. The panel zooms in.
Labels: image + sub-label · Transition: zoom
USE CASE 12 · RECIPE BLOG
Grandma’s tomato pasta
Readers from everywhere: let them pick grams or cups. The card flips over, like turning a recipe card. Switch: small slider, left · Transition: flip
USE CASE 13 · FOOD ORDERING
How do you want your burger?
Two big buttons with an icon and a small line under each name. The panel bounces in, which fits a playful brand.
Switch: segmented + icons + sub-labels · Transition: bounce
To your door
Hot and sealed, from our kitchen to you.
Delivery fee€2.50
Free over€25
Arrives30–40 min
Grab it yourself
12 Rua das Flores, Lisbon. Skip the line.
Pickup feeFree
Discount10% off
Ready in15 min
USE CASE 14 · FASHION
The 2026 collections
A thin, elegant switch and a curtain transition that pulls the next season across. Switch: slim slider · Transition: curtain
Linen wrap dress€149
Silk camisole€89
Palm print shirt€79
Wool fedora€69
Check overshirt€129
Merino knit€119
USE CASE 15 · REAL ESTATE
Buy or rent in Lisbon
Listing cards swap with an elastic spring. The segmented control sits in a white pill on a soft teal page.
Switch: segmented pill · Transition: elastic
€1,250,000
Villa with pool
4 bed · 3 bath · 320 m²
€690,000
Modern townhouse
3 bed · 2 bath · 180 m²
€420,000
City apartment
2 bed · 1 bath · 95 m²
€1,150 / mo
Tower studio
1 bed · 1 bath · 48 m²
€1,900 / mo
Classic flat
2 bed · 1 bath · 88 m²
€3,400 / mo
Garden house
4 bed · 3 bath · 210 m²