如何淡入div元素，该元素在CSS中的显示属性值为“ none”

Question

$(document).ready(function(){

$('.quality-link').click(function () {

    $('#aboutus').fadeOut('slow', function () {

        $('#quality').css("display","block").hide().fadeIn('slow');

        });
    });
  });
});

Answer 1

应该工作正常。

只需检查代码中的语法错误即可。

$('.quality-link').click(function() {

  $('#aboutus').fadeOut('slow', function() {
    $('#quality').fadeIn('slow');
  });

});

$('#bring_back_about').click(function() {
  $('#quality').fadeOut('slow', function() {
    $('#aboutus').fadeIn('slow');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="quality-link">click me</button>

<button id="bring_back_about">bring back about</button>


<div id="quality" style="display: none;">
  Quality div
</div>
<div id="aboutus">
  About us
</div>