切换选项卡关闭自身

Question

我实施了一个从右到左滑动的标签栏。它使用简单的JQuery和一些CSS来进行样式化。

我已将它应用到整个网站。不幸的是，当我打开然后关闭它并转到下一页重复相同的标签关闭自己。你知道可能导致这个问题的原因吗？

＆＃13;

＆＃13;

///////
///Settings object
///////
var settings = {
    objSlideTrigger: '.trigger',
    objSlidePanel: '.panel'
  }
  ///////
  ///Slide out tab
  ///////

function slideOutTab() {
  //Bind a click handler to the trigger
  $(settings.objSlideTrigger).bind('click', function() {
    //If the panel isn't out
    if (!$(settings.objSlidePanel).hasClass('out')) {
      //Animate it to left 0px
      $(settings.objSlidePanel).animate({
        'right': '0px'
      });
      //Add the out class
      $(settings.objSlidePanel).addClass('out');
    } else {
      //Otherwise, animate it back in
      $(settings.objSlidePanel).animate({
        'right': '-300px'
      });
      //Remove the out class
      $(settings.objSlidePanel).removeClass('out');
    }
  });
}
$(function() {
  slideOutTab();
});

＆＃13;

＆＃13;

＆＃13;

JSFiddle here