Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Learn Hint and Solution Single Block Buttons | Buttons
Test UI Features

bookHint and Solution Single Block Buttons

Readme

  1. Goal of the Hint Button: is designed to hide the next block that follows it. The block that gets hidden can be of any type;
  2. How to Implement:
    • First, copy the necessary source code;
    • Paste the code into the designated HTML block;
    • After the HTML block, use any block to serve as the hidden content that will be revealed when the hint is clicked.

Element - Hint Button

  • fvs
  • fed
  • feadfe qfecew

Source code for Hint Element

index.html

index.html

copy

Readme

  1. Goal of the Solution Button: redirects the user to another resource or page;
  2. How to Implement:
    • Copy the necessary source code for the solution button;
    • Replace the value of the href attribute with the URL of the resource you want the user to be redirected to.

Spanish

  • Γ­tem 1;
  • Γ­tem 2;
  • Γ­tem cΓ³digo 3.

Portuguese

  • item 1;
  • item 2;
  • item cΓ³digo 3.

French

  • Indice un;
  • Indice deux;
  • Indice trois.

German

  • Hinweis eins;
  • Hinweis zwei;
  • Hinweis drei.

Ukrainian

  • ΠŸΡ–Π΄ΠΊΠ°Π·ΠΊΠ° ΠΎΠ΄ΠΈΠ½;
  • ΠŸΡ–Π΄ΠΊΠ°Π·ΠΊΠ° Π΄Π²Π°;
  • ΠŸΡ–Π΄ΠΊΠ°Π·ΠΊΠ° Ρ‚Ρ€ΠΈ.

Element - Solution Button

Source code for Solution Element

index.html

index.html

copy

Spanish

Portuguese

French

German

Ukrainian

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 3

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

What is the purpose of the hint and solution buttons?

Can you explain how to use these elements in my own project?

Are there any customization options for the buttons?

Awesome!

Completion rate improved to 1.19

bookHint and Solution Single Block Buttons

Swipe to show menu

Readme

  1. Goal of the Hint Button: is designed to hide the next block that follows it. The block that gets hidden can be of any type;
  2. How to Implement:
    • First, copy the necessary source code;
    • Paste the code into the designated HTML block;
    • After the HTML block, use any block to serve as the hidden content that will be revealed when the hint is clicked.

Element - Hint Button

  • fvs
  • fed
  • feadfe qfecew

Source code for Hint Element

index.html

index.html

copy

Readme

  1. Goal of the Solution Button: redirects the user to another resource or page;
  2. How to Implement:
    • Copy the necessary source code for the solution button;
    • Replace the value of the href attribute with the URL of the resource you want the user to be redirected to.

Spanish

  • Γ­tem 1;
  • Γ­tem 2;
  • Γ­tem cΓ³digo 3.

Portuguese

  • item 1;
  • item 2;
  • item cΓ³digo 3.

French

  • Indice un;
  • Indice deux;
  • Indice trois.

German

  • Hinweis eins;
  • Hinweis zwei;
  • Hinweis drei.

Ukrainian

  • ΠŸΡ–Π΄ΠΊΠ°Π·ΠΊΠ° ΠΎΠ΄ΠΈΠ½;
  • ΠŸΡ–Π΄ΠΊΠ°Π·ΠΊΠ° Π΄Π²Π°;
  • ΠŸΡ–Π΄ΠΊΠ°Π·ΠΊΠ° Ρ‚Ρ€ΠΈ.

Element - Solution Button

Source code for Solution Element

index.html

index.html

copy

Spanish

Portuguese

French

German

Ukrainian

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 3
some-alt