• Photo & Multimedia
  • Showcase & Versatiles
  • Menu & User Interface

Sliding Text

Sliding text is an useful snippet that works greatly for listing FAQ or Q&A. This snippet helps people easily find a question and derived-answer by the responsive structure.
In addition, it can highlight each answer with sliding up effect when people click a question. You can refer to this actual example from the Pro Pack FAQ page. jQuery sliding up / down effect is applied. Compose your own lists with this widget.
Please look at below lists, and try to click each question.


Pro Pack delivers your custom code (HTML) via "Build your own" wizard. Just copy & paste your code into HTML snippet or snippet box of your web editor.

Yes. Every widget (snippet) in Pro Pack is 100% verified on cross-platform including iOS, and Android as well as all modern web browsers.

Yes. Pro Pack is platform-independent. You can use from every platform where a web browser is installed.

Build your own

  • Input data in the fields below.
  • Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
  • Paste the source code into HTML snippet in iWeb. (Non-iWeb users can also copy & paste each code in the <head> and <body> to each tag.)

* Customize styles (Insert your desired snippet size. This height should be big enough to contain hidden texts.)

* Font styles

* Optional settings

* Insert contents

* Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.

I am Preview

This live demo is dynamically loaded when you push "Apply these settings" button. This preview may not be same to the actual view in your website.
* Important! Don't click a link from this preview. It will make you leave this page out so that you may lose your own code.