jQuery로 두 div의 위치와 Z- 색인 바꾸기

Question

현재 두 개의 div의 배치를 Z- 색인과 바꾸려고합니다. 이 성공적으로 요소의 위치를 ​​바꿀 수있게되었다

$(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- 인덱스를 얻는 데 : 는 지금까지 내가 가진 것입니다.

도움 주셔서 감사합니다.

Answer 1

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

하지

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