jQuery .toggle 在动画后更改 z-index 而不是显示：无答案

【问题标题】：jQuery .toggle change z-index after animation instead of display: nonejQuery .toggle 在动画后更改 z-index 而不是显示：无
【发布时间】：2012-03-23 16:09:42
【问题描述】：

有什么方法可以更改切换功能或它的任何其他功能（淡入淡出、淡出、滑动切换等）而不是将显示更改为无，它将显示保持为块，但使 z-index 变为-9999 能达到同样的效果吗？我需要这个，因为在我的 div 中，我有可滚动的内容，当调用 div 时，滚动从顶部开始，而不是用户上次所在的位置。或者，有没有办法在回发时立即滚动到具有 .imgactive 的类？

【问题讨论】：

标签： jquery toggle z-index slidetoggle

【解决方案1】：

我认为这个 sn-p 会给你一些如何实现该功能的想法：

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


  return this;
};

还有一个迷你演示：http://jsfiddle.net/4NQXa/

【讨论】：

谢谢伙计，但是现在我可以为幻灯片功能制作动画吗？
动画幻灯片功能？什么意思？
我想实现一个类似于slideIn 和slideOut 或slideToggle 的动画。但是，我不能使用slideToggles，因为否则它会将显示从块更改为无，有没有一种方法可以使它具有动画效果，例如-500 px，因此它重新创建幻灯片，而不是将其显示为无，它仍然显示为一个块，但在实际容器之外？
这对我来说听起来像是一个不同的问题。如果他们满足您的原始问题，您应该接受其中一个答案并提出新的问题。

【解决方案2】：

是的，你可以使用切换来做任何你想做的事情如果你只是使用切换之类的

$(this).toggle();

我相信它只会做一个显示/隐藏，但如果你把它用作一个实际的事件处理程序，它会做你想做的任何事情

$(document).ready(function(){
   $("td").toggle(function(){
     $(this).css("z-index","99999");
   },
   function(){
      $(this).css("z-index","-99999");
   });
});

基本上它只是在点击“td”之间的这两个“function()”之间切换

【讨论】：