jquery - スライドアウト パネルが期待どおりにリセットされない

Question

私は現在、ここで利用可能な jquery タブ スライド アウト プラグインに取り組んでいます: http://www.atwebpresence.com/client/orto/index.html

問題: 上部の 3 つのタブはスライドダウンし、閉じると元の位置に戻ります。元の位置は次のとおりです。

top: 70px;
position: fixed;

ただし、そのタブを開くと、これらは次のように変わります。

left: 0px;

それらを閉じると、次の属性が設定されます。

left: 0px;
top: 0px;

私は次のことを達成したいと思います: - Left 属性は変更されません - 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' });
   }
});