こんにちは!そろそろ推しのアイドルのライブが恋しくなってきた、虎の穴ラボのS.Sです。 jQueryを使って簡単にツールチップを実装することが出来ますが、これに一手間加えて、ボタンで開閉ができるツールチップを作ってみましたので、今回はその作り方をご紹介します。 ツールチップを実装 まずは、特別なことは何もせずに、シンプルにツールチップを実装してみます。 ・tooltip.html <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.12.1/themes/cupertino/jquery-ui.min.css" /> <script type="text/javascript" src="http://code.jqu