jQuery で要素の CSS のプロパティの値を取得する方法
toggle() で開いた時と閉じた時にそれぞれ別のアクションを実行したい。しかし toggle() にそのような機能はないため、click() 時に要素の display プロパティの値を取得して、それを比較していろいろなアクションを実行することにしました。
というわけで特定の CSS プロパティの値を取得するコード。
1
alert(j$(this).find(".more").css('display'));
ちなみに display プロパティ値でアクションを起こすなら以下のような感じ。
1 2 3 4 5 6
var moreBox = j$(more).find(".more"); if(moreBox.css('display') == 'none') { alert('display プロパティが none 時のアクション'); } else if(moreBox.css('display') == 'block') { alert('display プロパティが block 時のアクション'); }
(2011年02月21日 追記) 追記: toggle() で開閉時に個別のアクションを設定できるようです。関連記事を下記に書いて頂きました。 (追記ここまで)
関連記事
- jQuery で世界一簡単に画像を自動スライドすることができる jquery.simpleSlide.js
- IE6 では li の中にブロック化した要素を入れると改行が発生するバグがある
- かなり自由に画像を並べてクリックで左右にスライドできる jquery.clickSlide.js
- jquery.pngFix.js で画像のサイズが大きくなるバグの解決方法
- jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる
- jQuery と prototype.js のコンフリクトを回避する方法
- [jQuery] Table の偶数行の背景色を変更しオンマウスで行をマークする記述
- Twitter で記事について言及したツイートを30秒で誰でも簡単に取得して一覧にできる jQuery プラグイン
- PHP が使えると Ajax との合わせ技で jQuery が凄く楽しくなる
- CSS で float したブロック要素をセンタリングする方法
コメント
-
THE HAM MEDIA BLOGさんのコメント
要素を表示した時と非表示にした時にそれぞれ別のアクションを実行する方法
jQuery で要素の CSS のプロパティの値を取得する方法 | ウェブル 内容を見ると、CSS のプロパティの値を取得する方法ってよりも、.toggle()で交互に別なイベント動かしたいよ〜!という事ら…