jQueryでz-indexの切り替えの方法がわかりません…

Question

ヘッダーのz-index切り替えを、jQueryで実装したいです。
ページ上から135px（固定）をクリックするとheaderのz-index: 0;、
135pxから下をクリックするとheaderのz-index: -1;
という仕様です。

jQuery初心なので解決できず…
ご助力いただきたいです。よろしくお願いいたします。

Answer 1

$('header').on('click', function(e){
    if (e.pageY < 135) {
        $(this).css('z-index', 0);
    } else {
        $(this).css('z-index', -1);
    }
});

とかでできると思いますが、z-index にマイナス値は使えなかったと思います。

Comments

[f0u0land_blog]

そうだったんですね、ありがとうございます！
マイナス値は使わず、0、1でやってみます。

[garamond]

すいません、質問よく見ずに回答してしまいました。
コードを修正しましたので再確認お願いします。