特定のサムネイルのZ-インデックスを変更するためのJQuery

Question

私はこれを別の方法でしばらく前に無駄にしようとしました。クリックしたときにサムネイルの画像を変更しようとしています。今私はマウスオーバー時に別のものに1つのdivをフェードインするホバーコードを持っています。私は、そのコードに.click関数を追加しようとしましたが、それはすべてのことを気にしませんでした。 Sooo、私はこれでどこかになっています

$(document).ready(function() { 
    $("#Thumb1").click(function() { 
     $("#hidden").hide().html('<iframe src="http://player.vimeo.com/video/38581363?byline=0&amp;portrait=0&amp;autoplay=1" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>').fadeIn(4e3); 
     $("#leftsidePlayer").text("This is some text on the consulting video!") 
     $("img.b").css({zIndex: 11}); 
    }); 

これは1つのサムネイルのコードです。それは動作しますが、ラップするdiv内のすべてのサムネイルを制御します。どうすればそれを作ることができますか？

これは私が

div.fadehover { 
position:relative; 
} 

img.a { 
position:absolute; 
left:0; 
top:0; 
z-index:10; 
} 

img.b { 
position:absolute; 
left:0; 
top:0; 
z-index:5; 
} 

を持っているCSSで私はそれが最も可能性が高い（これ）を使用して、とは何かを持って知っているが、私はまだ学んでいます。

任意のヘルプは大 おかげ

Answer 1

は、次のものを持つライン$("img.b").css({zIndex: 11});を交換して感謝しています。

あなただけがクリック要素のZインデックスを変更します方法

$(this).css({zIndex: 11}); 

。

Answer 2

マークアップが表示されますか？私はこのためにz-indexをしません。月にもちょうどフェードイン（）および非表示（）：

マークアップ -

<div class='thumb'> 
    <img src=''/> 
    <img src='' style='display:none;'/> 
</div> 

jQueryの -

$(".thumb").click(function (e) { 
    var children = $(this).children(); 
    var first-thumb = th.slice(0,1); 
    var second-thumb = th.slice(1,2); 

    if(first-thumb.is(':visible')) 
    { 
    first-thumb.hide().next().fadeIn(); 
    } 
    else 
    { 
    second-thumb.hide().prev().fadeIn(); 
    }  
});