fadeToggle并切换div上的z-index

时间:2013-07-11 05:40:38

标签: jquery toggle z-index

我想在淡入淡出时交换我的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;
};

1 个答案:

答案 0 :(得分:1)

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

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