Jquery element.click（function（）{}）

Question

当您滚动窗口超过特定数字时，我正在尝试设置我的网站的侧边菜单。菜单工作正常，滚动后修复它们。这没关系，但问题是滚动后它们应该崩溃，当你点击它们时它们应该延伸但是这不会发生！我的意思是它有时会起作用，有时却不起作用！我正在使用addClass()将固定类添加到菜单中！

$(window).scroll(function() {
  if ($(window).scrollTop() > (rightHeight + $('.header-wrapper').height() + $('.top-wrapper').height() + $('.back-picture').height()) + 300) {
    $('.login-fixed').fadeIn(100);
    $('.col-content').css('margin-right', '15%');
    $('.right-side').addClass('fixed');
    $('.right-side').children('.side-widget').addClass('side-widget-fixed');
    $('.right-side').children('.side-widget').click(function() {
      if ($('.right-side').children().hasClass('open')) {
        if ($(this).hasClass('open')) {
          $(this).toggleClass('open');
        } else {
          $('.right-side').children().removeClass('open');
          $(this).toggleClass('open');
        }

      } else {
        $(this).toggleClass('open');
      }
    });

  } else {
    $('.col-content').css('margin-right', 0);
    $('.right-side').removeClass('fixed');
    $('.right-side').children('.side-widget').removeClass('side-widget-fixed');
    $('.login-fixed').fadeOut(100);
  }

});

我也试图处理点击，这意味着当你点击一个菜单时另一个菜单被扩展时，另一个菜单会崩溃并且这个菜单会打开！我知道也许我的问题有点令人困惑，但我也很困惑。 只是为了获得更多信息，我应该说当我编辑代码时它可以工作但刷新10次或滚动20次后会破坏它！