on良かったらフォローお願いします。要素を振動させるjqueryプラグインを利用したいと思いデモページを見ていると、「toggle」でソースコードの表示、非表示を切り替えていた。当サイトでは、ショートコードでtoggle表示できるWordPressプラグインを既に導入しているのだが、jqueryプラグインで、早速自分も利用してみたいと思った。toggleメソッドtoggleメソッドを利用して設置してみたが思うように動作しない。いうのもjQuery1.9以降toggleメソッドは廃止されたとの事。toggleの廃止と解決法」を参考にすればよい。Migrate」というjqueryプラグインも追加で読み込めば使えるようだ。ホスティングも利用できるので、以下のようにjQuery本体と一緒に読み込めばよい。Migrate」を使わなくても、jQuery1.9以降でtoggleメソッドと同様に動作させることができた。今回わからなかったのが、ボタンのテキストを入れ替えるやり方。見つけた「jQueryで開閉メニュー&ボタンのテキストを切り替える」という記事が大変参考になった。以下のようにヘッダー部分(<head>と</head>の間)に記載すればよい。toggle機能を利用しているので、下のボタンをクリックして欲しい。-->なお、クラス指定しているが、ひとつしか利用しないのであればID指定でも構わない。クラス名は、自分のわかりやすい名前でよい。今回は、「codebtn」と「codecontent」としている。ワードプレスでワードプレスに組み込み済のjQueryを利用する場合、コンフリクトの問題があり動作しない場合がある。その場合は、以下のように記載すれば問題なく動作する。設置したいボディ部分(<body>と</body>の間)に以下のように記載する。class="codecontent">(ここに表示/非表示される内容を記載)</div>cssの記載-ボタンの作成cssファイルの設定は必須ではない。今回使用しているボタンを蛇足ながら説明する。以下のようにヘッダー部分(<head>と</head>の間)に記載している。}</style>複数設置する場合それぞれのボタンに違うクラスを指定している。IDを変えて指定してもかまわない。これで複数設置しても対応できる。-->なお、複数設置で、最初変数のflgがかぶっていて、open/closeの判定がおかしかったのをblow→inさんからご教授頂いて訂正した。これで問題なく動いている。以上スポンサーリンクレクタングル(大)広告もし良ければお願いします。良かったらフォローお願いします。0.7.0」QRコードを自分のブログやサイトに表示するjqueryプラグインを3つ紹介する。TOP)にいくつか機能を加えてクイックドック(フッターナビ)風にしてみたスクロールすると上へ戻るボタンは、JqueryプラグインやJavascriptを挿入して表示したりと様々な方法があり、数多くのサイトで紹介さ...記事を読むQRコードを生成するjqueryプラグイン3選-その2「ClassyQR」QRコードを自分のブログやサイトに表示するjqueryプラグインを3つ紹介する。「jquery.qrcode.js」「ClassyQR」「j...記事を読むWordPressや普通のホームページで縦書きが利用できる「涅槃nehan」(ver.4)GoogleCodeが閉鎖されたためnehan4のスクリプトの置き場所が変わっている。2016.12.04現在の置き場所は以下のサイトを参考...記事を読むQRコードを生成するjqueryプラグイン3選-その1「jquery.qrcode.js」QRコードを自分のブログやサイトに表示するjqueryプラグインを3つ紹介する。クリックで内容の表示・非表示の切り替え(ボタンのテキストも入れ替え)|JUMP-UP.INFOこちらの記事を参考に設置しました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト人気の記事まだデータがありません。Widget人気の記事まだデータがありません。Profileメインブログでは、WordPressやTwitterその他好きなことを記事にしています。そのほか2ちゃんまとめサイトやubuntuなどのブログもぽちぽちやってます。JUMP-UP.INFO。