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.cookie.jsでcookieを取り扱う
機能拡張の依頼があってそのページを見たら jquery.cookie.jsが読み ...
-
画像をドラッグ&ドロップでアップロード
■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...
-
テキストエリアのリアルタイムプレビュー
テキストエリア内に書いた内容をリアルタイムで プレビューする機能が必要となり、教 ...
-
NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え
チェックボックスのON / OFFでNicEdit(WYSIWYGエディタ)とt ...
-
jQueryのanimate()でページスクロール後に他の処理を実行させる方法
jQueryのanimate()でページスクロール後に特定の要素を非表示にしたい ...