我正在尝试扩展一个 div (#square),然后让一些文本 (.squarecontent) 淡入。此外,我希望在 #square 中出现一个链接来反转动画和淡入淡出。jfiddle在这里
$(document).ready(function(){
$('.squarecontent').hide();
$('#square').click(function() {
$('#square').animate({
width: '100%',
height: '100%'
},
1000,
function() {
$('.squarecontent').fadeIn(1000);
});
});
$('#bottomright').click(function() {
$('.squarecontent').fadeOut(1000);
},
function () {
$('#square').animate({
width: '300px',
height: '300px'
},
1000)
});
});