jQuery

[jQuery] 要素の表示非表示を切り替える(.toggle)

投稿日:2017年9月18日 更新日:

要素の表示非表示を切り替えるには、.toggle()を使用します。

サンプルソース

例)ボタンを押す毎に、要素(id="hoge")の表示非表示を切り替える

実行サンプル

動作確認ができます。

あいう

解説

  • .toggle()は、表示中の場合は非表示に、非表示中の場合は表示にするメソッドです。
  • 引数にはアニメーションにかける時間をミリ秒で指定します。
    例)1秒かけてアニメーションする場合→1000
  • アニメーションが不要な場合は引数は未指定でOKです。
  • 表示のみ、非表示のみを行いたい場合は以下ページをご覧ください。
    [jQuery] 画面の要素を表示したり消したりする(.hide、.show)

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] ページロード完了時に処理を行う

ページロード完了時に処理を行うには、readyを使います。 サンプル 例)ページロード完了時にアラートを表示する [cr ...

[jQuery] サブミットイベントを取得する(.submit)

jQueryでsubmitイベントを取得するサンプルです。 サンプルソース 例)submit時、テキストボックスがブラン ...

[jQuery] 要素のtop、leftを設定する

jQueryで要素のtop、leftを設定するサンプルです。 サンプルソース 例)要素(id="btn1")のtopを1 ...

[jQuery] 要素のテキストに指定文字列が含まれるか判定する(:contains)

要素のテキストに指定文字列が含まれるか判定するには、:containsを使用します。 サンプルソース 例)テキストに"x ...

[jQuery] チェックボックスのオンオフ状態を取得する

jQueryでチェックボックスのオンオフ状態を取得するサンプルです。 サンプルソース 例)チェックボックスのチェック状態 ...

スポンサーリンク