勉強したことのメモ

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

  関連記事

110126-HTML5_Logo
formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

jquery_logo
プラグインを使用せず、jQueryでオートページャー

プラグインを使わずにオートページャーを 作りたかった。 内容としては、 ・ターゲ ...

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

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

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

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

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

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

images
要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

jquery_logo
jQueryでjsonデータを処理(parseJSON)

他社が作成したシステムのちょっと改修案件があった。設置したもののどうも動かないと ...

jquery_logo
jQueryでUNIXタイムスタンプの取得

jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...

jquery_logo
bootstrap-datetimepickerについて

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、 普通のセレクト ...

flash_player_11_icon_rgb
FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード

FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...