勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryのtoggleに引数

      2014/05/17

社内のソースで、

$(".hoge").toggle(flg == 1? false : true);

みたいなのがあって、試してみると
どうもtoggle()のかっこの中に引数? で
true or falseを入れて表示非表示を任意に決められた。

知らなかったのでびっくりした。

■ソース
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function(){
$(document).on('click', '#huga', function(){
$('#hoge').toggle(false); //一回閉じたら閉じっぱなしになる
});
});
</script>
<title>jQuery</title>
</head>
<body>
<h1>jQuery</h1>
<div id="hoge">
hoge<br />
hoge<br />
hoge<br />
</div>
<button id="huga">button</button>
</body>
</html>

 - jQuery

  関連記事

jquery_logo
jQueryプラグインを作成する方法

jQueryのプラグインを作ってみたかった。 というのも大抵のものはググったらあ ...

jquery_logo
javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...

jquery_logo
配列をjQueryで取り扱う

やりたかった事は、 ・テキストボックスが複数ある。そのページに送信するクエリによ ...

jquery_logo
submit関連のjQuery2

<?php error_reporting(E_ALL & ~E_ ...

jquery_logo
日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

jquery_logo
jQueryでセレクトメニューにcheckedをつける

セレクトメニュー(セレクトボックス)で特定の項目をデフォルトで選択しておきたかっ ...

jquery_logo
ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

jquery_logo
jQueryで画像を遅延ロードする(jquery.lazyload.js)

画像を遅延ロードさせたい時にはlazyloadが便利。 ■ダウンロード http ...

jquery_logo
jQueryの指定されたイベントを実行する(trigger)

jQueryで $('ID').trigger('click'); というみたこ ...

jquery_logo
jQueryの最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...