質問編集履歴

1 ここまでやったことを追加しました。

TEKA-e1

TEKA-e1 score 5

2020/07/09 11:51  投稿

フロートボタンをクリックすると、同じく上に問い合わせフォームが表示されるようなUI
WEBページ上にフロートボタンを設置し、それをクリックすると、
 ・ボタンが消える
 ・問い合わせフォームが出現する
という事を実現したいと思っています。
【参考】https://chatplus.jp/support/using/demo/ 
 ※右下のフローティングボタンをクリックすると、問い合わせフォームが表示される
このサイトではriot.jsを用いているようなのですが、同じことができるようなJavascriptのライブラリ、またはそれを紹介しているサイトがありましたら教えていただきたく。
ここまでできていること
1.ボタンを用意し、cssのfixで右下に固定表示をした
2.問い合わせフォームを用意し、同様に右下に固定表示をした
ここから、教えていただきたいのは
3.ボタンをクリックすると、2の問い合わせフォームが表示される(ボタンが消える)
4.問い合わせフォームに、「小さくする」ボタンを設置し、それをクリックすると、問い合わせフォームが消え、ボタンが表示される
です。
参考サイトではriot.jsを用いているようなのですが、同じことができるようなJavascriptのライブラリ、またはそれを紹介しているサイトがありましたら教えていただきたく。
またはJavascriptでなくても、cssで実現できるならば、それでもかまいません。
フロートボタンの設置の方法は把握をしております。
よろしくお願いいたします。
  • JavaScript

    30931 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る