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 時のアクション');
}

追記: toggle() で開閉時に個別のアクションを設定できるようです。関連記事を下記に書いて頂きました。

コメント

  1. THE HAM MEDIA BLOGさんのコメント

    要素を表示した時と非表示にした時にそれぞれ別のアクションを実行する方法

    jQuery で要素の CSS のプロパティの値を取得する方法 | ウェブル 内容を見ると、CSS のプロパティの値を取得する方法ってよりも、.toggle()で交互に別なイベント動かしたいよ〜!という事ら…