2つの要素間にCSS属性スワッパを作成するにはどうすればよいですか？

Question

私は2つの要素をZ-インデックス値を交換しようとしています。

function zSwapper (beneathElement,underneathElement) { 
    var beneathElementZ = $(beneathElement).css('z-index'); 
    var underneathElementZ = $(underneathElement).css('z-index'); 

    $(beneathElement).css({'z-index': underneathElementZ}); 
    $(underneathElement).css({'z-index': beneathElementZ}); 
} 

しかし、私は最初の要素のzインデックスを変更すると、第二は、それが初めに持っていた1の代わりに、その値を取るので、動作していないよう：ここで私はこれまで持っているものです。したがって、両方の要素は、値を交換する代わりに、同じZ-インデックスを持つことになります。これが成就できる方法はありますか？

編集：これは実際には以下のように指摘されていますが、これは実際には動作しているようです：http://jsfiddle.net/xGPx2/2/、私のコードにはいくつかの問題があります。私は少なくとも誰かがこれが有用であることを願っています。

Answer 1

あなたのコードが正常に動作する必要があり、多分それは、関連する多くのCSSですか？
私はこの[jsFiddle]（http://jsfiddle.net/xGPx2/2/）でjsFiddle

Answer 2

次の2つの要素

Answer 3

間の交流はCSSの属性を設定するときにオブジェクトを使用しますが、two argumentsしない可能性があり、別のクラスを持つことができます。

function zSwapper (beneathElement,underneathElement) { 
    var beneathElementZ = $(beneathElement).css('z-index'); 
    var underneathElementZ = $(underneathElement).css('z-index'); 

    $(beneathElement).css('z-index', underneathElementZ); 
    $(underneathElement).css('z-index', beneathElementZ); 
} 

Check this example