javascript - 需要添加一个类来隐藏和显示激活后的元素

Question

我是 jquery 的新手。我有一个带有类“sidebar-mini”(附加到元素)的侧边栏菜单“sidebar-collapse”“sidebar-open”是在切换时添加的类。但是我只需要添加一个类来隐藏和显示附加到边栏的 Logo ，一旦它折叠以使用户体验更有效率。我尝试了无数代码但没有解决方案。请帮忙。

我定位到侧边栏，logo要隐藏

var sidebar = $('.sidebar-mini');
var logo = $('.sidebar-logo');
var sidebarcollapse = $('.sidebar-collapse');

...

$(document).ready(function(){
    if ( $('body').hasClass('sidebar-collapse') ) {
      $('.sidebar-logo').addClass('hide-logo');
    }
  });

...

我也试过了...

if($('.sidebar-collpase').length > 0) {
  logo.addClass('hide-logo');
} else {}

...

...

if ($(sidebarCollapse == true)) {

 logo.addClass('hide-logo');
} else {
 logo.removeClass('hide-logo');
}

...

我打算隐藏logo和显示的css

// HIDE SIDEBAR-LOGO AND DISPLAY
.hide-logo {
  display: none;
  opacity: 0;
}

.display-logo {
  display: block;
  opacity: 1;
}

Answer 1

添加这个 CSS

.display-logo {
  display: block;
  opacity: 1;
} 
/*Add This CSS*/
.sidebar-collapse .display-logo
{
  display: none;
  opacity: 0;
}