Html 如何使我的可切换沙发褪色？

我有一个小系统，你可以点击一个链接，一个div将淡入，你再次点击链接，一个div将淡入。直到有3个div。这段代码工作得很好，但我想知道的唯一一件事是，当您单击每一个代码时，也要使每一个代码淡入。这是我的密码

CSS

HTML

---

这真的很简单。当您按下#add时，我的调用函数也被设置。如果此css样式设置为position，请将其从none更改为display block。您只需将函数从“无”更改为“淡入”。这是修改后的代码

以前

if ($(this).css('display') == 'none') {
$(this).css('display', 'block');

之后

回答了我自己的问题。。。叹息

<div class="News" style="display:none;">
<div class="box" id="news4"></div>
</div>

<div class="News" style="display:none;">
<div class="box" id="news5"></div>
</div>

<span><a href="#" id="add">More news</a></span>

$('#add').click(function () {
$('.News').each(function () {
    if ($(this).css('display') == 'none') {
        $(this).css('display', 'block');
        return false;
    }
});
var i = 0;
$('.News').each(function () {
    if ($(this).css('display') != 'none') {
        i++;
    }
});

if (i == 3) $('#add').show();
});

if ($(this).css('display') == 'none') {
$(this).css('display', 'block');

if ($(this).css('display') == 'none') {
$(this).fadeIn( "slow" );