勉強したことのメモ

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でボタンをクリックしてクリップボードにコピー

■2015/11/01追記 以下記事でライブラリとか無しで同様の機能がつけられる ...

jquery_logo
jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...

jquery_logo
jQueryのプラグインでカラーコードを視覚的に選択

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...

jquery_logo
Ajaxのクロスドメイン2

PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...

jquery_logo
jQueryでiframe内の要素を呼び出し

jQueryでiframeで開いたbody内の内容が欲しかった。 ■jQuery ...

jquery_logo
jQueryで関数処理中にブラウザのブロック(intro.js)

Ajaxで処理を行っている間、他の処理を行わせたくなかった。 「now load ...

jquery_logo
フォームのpasswordとtextをjQueryで切り替えて

パスワード入力の際、大抵「●●●」みたいな形で隠されるが、 jQueryでそれを ...

jquery_logo
adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

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

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

jquery_logo
Ajaxでボタンとテキストボックス操作

ボタンを押して「https://aaa/bbb/ajax.php」からの 返答を ...