滑出面板未按预期重置

时间:2013-01-20 18:44:05

标签: jquery position panel slide

我目前正在开发一个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。

我希望这很清楚。提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

如下:

$('.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' });
   }
});