jquery - 2divの位置とZインデックスをjQueryで入れ替える

Question

私は現在、z-indexと一緒に2つのdivの配置を交換しようとしています。これまでのところ、これは私が持っているものです：

$(document).ready(function()
{
        $('.herotrend').click(function()
        {
                $(this).animate({
                        top: $('.herotrend:eq(1)').css('top'),
                        left: $('.herotrend:eq(1)').css('left'),
                        z: $('.herotrend:eq(1)').css('zIndex')
                }, 100);

                $('#music').animate({
                        top: $('.herotrend:eq(0)').css('top'),
                        left: $('.herotrend:eq(0)').css('left'),
                        z: $('.herotrend:eq(0)').css('zIndex')
                }, 100);
        });
});

これにより、要素の位置を正常に入れ替えることができましたが、z-indexを入れ替えるのにも問題があります。

助けてくれてありがとう！

Answer 1

zIndex: $('.herotrend:eq(1)').css('zIndex')

いいえ

z: $('.herotrend:eq(1)').css('zIndex')