jquery - 滑出式面板未按预期重置

Question

我目前正在开发一个 jquery tab-slide out 插件，这里提供：http: //www.atwebpresence.com/client/orto/index.html

问题：顶部的 3 个选项卡在关闭时应向下滑动并返回原始位置。原来的位置是：

top: 70px;
position: fixed;

但是，当我打开该选项卡时，这些更改为：

left: 0px;

当我关闭它们时，会设置以下属性：

left: 0px;
top: 0px;

我想实现以下目标： - 左侧属性保持不变 - 关闭选项卡时顶部属性重新设置为 70px。

我希望这足够清楚。预先感谢您的帮助。

Answer 1

怎么样：

$('.tab').on('click', function() {
   var t = $(this);
   var e = $('.slide');
   // If already open
   if (t.hasClass('open')) {
      // Reset position of slide element & remove classname
      t.removeClass('open');
      e.css({ 'left' : '0px', 'top' : '0px' });
   } else {
      // Assign classname to tab and pull element out
      t.addClass('open');
      e.css({ 'left' : '0px' });
   }
});