JQUERY。我怎样才能在'none'和'block'之间切换？

Question

考虑以下标记。

<div class="sweet-overlay" tabindex="-1" style="opacity: 1;display: none;"></div>

如何将样式从none切换为block，反之亦然？

Answer 1

$（ '甜覆盖。'）切换（）;

信息：.toggle( [duration ] [, complete ] )

Answer 2

的CSS：

.sweet-overlay{display:none;} 
.sweet-overlay.active{display:block}

jquery的

$('.btn').click(function(){
  $('.sweet-overlay').toggleClass('active');
});

示例：

https://jsfiddle.net/andrebrandaoo/ojfvwwLo/