Cool Javascript MaxMin FAQ Box

Last updated on
((( spellific )))
Practice spelling while playing a fun word game!
Click here to play
Speech Recognition Anywhere
  • Type emails with your voice
  • Write documents with your voice
  • Control the Inernet with your voice
  • Chrome Extension
Reconocimiento de voz en cualquier lugar
  • Escribe correos electrónicos con tu voz
  • Escribe documentos con tu voz
  • Controla la Inernet con tu voz
  • Extensión de Chrome
Spracherkennung Allerorts
  • Geben Sie E-Mails mit Ihrer Stimme ein
  • Schreiben Sie Dokumente mit Ihrer Stimme
  • Steuern Sie das Internet mit Ihrer Stimme
  • Chrome-Erweiterung
Reconnaissance de la parole
  • Tapez des e-mails avec votre voix
  • Écrivez des documents avec votre voix
  • Contrôlez l'Inernet avec votre voix
  • Extension Chrome
Riconoscimento vocale ovunque
  • Digita e-mail con la tua voce
  • Scrivi documenti con la tua voce
  • Controlla Internet con la tua voce
  • Estensione Chrome
どこでも
音声認識
  • あなたの声で文書を書く
  • あなたの声でメールを入力してください
  • あなたの声でInernetを制御する
  • Chrome拡張機能
语音识别
无处不在
  • 用你的声音写文件
  • 用您的声音输入电子邮件
  • 用你的声音控制互联网
  • Chrome 扩展程序
語音識別
無處不在
  • 用你的聲音寫文件
  • 用您的聲音輸入電子郵件
  • 用你的聲音控制互聯網
  • Chrome 擴展程序
Subscribe to Internet Tips and Tools Feed

Here is a javascript script that let's you easily create maximize/minimize FAQ boxes for your website just like the FAQ boxes shown on this page.

Features

  • Easy to create maximize/minimize boxes for FAQ on your Website
  • Customize Settings
  • Option to automatically change URL hash so that subject is jumped to if link is shared
  • Option to minimize all other boxes when another box is maximized

Instructions

  1. To create a maxmin box add a "maxmin" class around the section in your HTML document. For example, you can put a div around a section like this:

    The first line in the maxmin box should contain the title for that section and it should be surrounded by one of these HTML tags: <b> <h1> <h2> <h3> <h4> <h5> <h6> or a tag with class="maxtitle"

    The above code will create a maxmin box that looks like this:

    Do you like cats? Yes I like cats.
  2. Upload maxmin.js to your server in the same folder as your html file and add the following code to your html document just after the <body> tag:

  3. You may edit maxmin.js before uploading it to your server and customize the following settings:

Download

dlc_b

Download

Downloaded 0 times.
Please make a donation to reveal the download link.

History

8/6/2021 - Version 1.0c - Added blue border around maximized content to highlight it. Also added a leeway of 150px to scroll to maximized content that is near bottom of screen.

2/19/2021 - Version 1.0b - Added transition ease to minimizing/maximizing of boxes

9/10/2020 - Version 1.0 - Cool Javascript MaxMin FAQ Box Created

Do you like snakes?

A. Yes. I like snakes. In fact here are some reasons:
  • Snakes are cautious
  • Snakes take a while to warm up to people
  • Snakes are good for pests
Do you like dogs?
A. Yes. I like dogs. In fact here are some reasons:
  • Dogs are loyal
  • Dogs are funny
  • Dogs wag their tail
Do you like dinosaurs?
A. Of course I do. In fact here are some reasons:
  • Dinosaurs are cool!
  • Dinosaurs are huge
  • Dinosaurs are scary

Last updated on August 6, 2021
Created on September 11, 2020

((( spellific )))
Practice spelling while playing a fun word game!
Click here to play
Speech Recognition Anywhere
  • Type emails with your voice
  • Write documents with your voice
  • Control the Inernet with your voice
  • Chrome Extension
Reconocimiento de voz en cualquier lugar
  • Escribe correos electrónicos con tu voz
  • Escribe documentos con tu voz
  • Controla la Inernet con tu voz
  • Extensión de Chrome
Spracherkennung Allerorts
  • Geben Sie E-Mails mit Ihrer Stimme ein
  • Schreiben Sie Dokumente mit Ihrer Stimme
  • Steuern Sie das Internet mit Ihrer Stimme
  • Chrome-Erweiterung
Reconnaissance de la parole
  • Tapez des e-mails avec votre voix
  • Écrivez des documents avec votre voix
  • Contrôlez l'Inernet avec votre voix
  • Extension Chrome
Riconoscimento vocale ovunque
  • Digita e-mail con la tua voce
  • Scrivi documenti con la tua voce
  • Controlla Internet con la tua voce
  • Estensione Chrome
どこでも
音声認識
  • あなたの声で文書を書く
  • あなたの声でメールを入力してください
  • あなたの声でInernetを制御する
  • Chrome拡張機能
语音识别
无处不在
  • 用你的声音写文件
  • 用您的声音输入电子邮件
  • 用你的声音控制互联网
  • Chrome 扩展程序
語音識別
無處不在
  • 用你的聲音寫文件
  • 用您的聲音輸入電子郵件
  • 用你的聲音控制互聯網
  • Chrome 擴展程序
Back to www.seabreezecomputers.com
Subscribe to Internet Tips and Tools Feed        

User Comments

There are 0 comments.

Displaying first 50 comments.