我該如何讓我的可切換的div淡入？

我有一個小系統，你可以點擊一個鏈接，一個div會淡入，你再次點擊鏈接，div會淡入。直到有3個div。這段代碼工作正常，但我唯一想知道的是當你點擊每一個時，也讓每一個都淡入。這是我的代碼。我該如何讓我的可切換的div淡入？

CSS

.box { 
background-color: #036; 
height: 190px; 
width: 100px; 
margin-top: 10px; 
}

HTML

<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>

JQUERY

$('#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(); 
});

來源

2013-10-26 user2725423

這實在簡單。當你按下#add時，我的通話功能也被設置，如果這個css樣式被設置爲position，將它從none更改爲顯示block。您只需簡單地將函數從「無」改爲「無」，然後淡入。以下是修改後的代碼。

前

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

後

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

回答我自己的問題......唉

來源

2013-11-04 00:25:17 user2725423

我該如何讓我的可切換的div淡入？

回答

相關問題