jquery - fadeToggle 和切换 div 上的 z-index

Question

我希望在淡入和淡出时交换我的 div 的 z-index。这是我到目前为止所拥有的，但它不会切换 z-index。有任何想法吗？

   $(document).on('click', '.button', function() {
    var id = $(this).data('target');
    $('.' + id).fadeToggle("fast", "linear").toggleZindex(); 
 });

 $.fn.toggleZindex= function() {
 var $this  = $(this);
 if($this.css("display")=="block"){
    $this.css("z-index","1")
}else{
   $this.css("z-index","-1")
}
return this;
};

Answer 1

我假设在toggleZindex()fadeToggle() 的回调函数中调用该函数应该可以工作..以确保淡入淡出动画完成..

$(document).on('click', '.button', function() {
 var id = $(this).data('target');
 $('.' + id).fadeToggle("fast", "linear",function(){
          $(thjs).toggleZindex(); 
      });
});