2013-07-11 96 views
0

我期待在淡入淡出时交换我的div的z-index。这是我迄今为止,但它不切换Z指数。有任何想法吗?淡入淡出并切换z-index div

$(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; 
}; 
+0

可你的jsfiddle创建这个?或发布你也真正的HTML。 – bipen

回答

1

我想打电话fadeToggle(回调函数内toggleZindex()功能)应该工作..to确保动画渐变完成..

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

就是这样!谢谢bipen !!!! – user992731

+0

欢迎....很高兴它帮助...快乐编码.. :) – bipen