滑出面板未按预期重置

Question

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

问题： 顶部的3个标签应向下滑动，并在关闭时返回原始位置。原来的立场是：

top: 70px;
position: fixed;

但是，当我打开该标签时，这些更改为：

left: 0px;

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

left: 0px;
top: 0px;

我想实现以下目标： - 左边的属性不变 - 当标签关闭时，top属性重新设置为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' });
   }
});