猿でも簡単に実装できるdivの開閉Jquery【slideToggle】 - 世界一のウェブデザイナーを目指すメモブログ

クリックで開閉するdiv要素は主にネタバレ防止や縦長のデザインをコンパクトにする場合等に使用されますが、slideToggleと呼ばれるJqueryメソッドを使用することで誰でも簡単に実装することができます。 slideToggleの実装方法 まずHTMLの～の間に <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> でJqueryを読み込むコードを書き込みます。 これはGoogleのAPIから読み込むコードなので、JQueryをダウンロードする必要はありません。 次に、同様にHTMLの～の間に <script type="text/javascript" charset="utf-8"> (function($) { $(document).ready(function(){

[redksr110]

かんたんに開閉できるjquery