勉強したことのメモ

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
Ajaxで負荷軽減

業務中、専用のページでfile_get_contents的なものは あまり使わな ...

images
PHPとajaxでチャットの作成

■ソース ・index.php <? error_reporting(E_ ...

jquery_logo
jQueryとCSSの連携

$(function(){ $("#change_small").click(f ...

javascript_logo_unofficial-300x300
ajaxのエラー詳細を取得する

success or errorで分岐処理はできるけど、 エラー詳細取れないの? ...

jquery_logo
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。 簡単に使える ...

javascript_logo_unofficial-300x300
Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

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

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

jquery_logo
スワイプ・フルスクリーン・サムネイル対応のjQuery画像ビューア

タブレット&スマホでの閲覧が想定されているページで、スワイプ・サムネイル・フルス ...

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

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

jquery_logo
jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...