如何在動畫中顯示jQuery.show（）

Question

在此代碼中，當我單擊按鈕時，DIV顯示類似於從左上角翻轉。

$("#mybutton").click(function() { 
    $("#mydiv").show("slow"); 
}); 

<input type="submit" value="click" id="mybutton" /> 
<div id="mydiv" style="height:50px; width:50px; background-color:#000; display:none;">test</div> 

如何在以下情況下獲得相同種類的效果？

$(document).ready(function() { 
    window.showim = function(src) { 
    $("#divcont1").html(src); 
    }; 
}); 

我試着像但它沒有工作

$(document).ready(function() { 
    window.showim = function(src) { 
    $("#divcont1").html(src).show('slow'); 
    }; 
}); 

HTML代碼

<span class="spcusr" onclick="showim('<h1>I should be displayed now</h1>');">PARIS</span> 
<div id="divcont1"></div> 

Answer 1

是腳本，你期待？原諒我，如果這是錯誤的，

$(document).ready(function() { 
window.showim = function(src) { 
    $("#divcont1").hide().html(src).show('slow'); 
}; 
}); 

Answer 2

$("#divcont1").html(src).slideToggle(); 

或

$("#divcont1").html(src).slideToggle('slow'); 

Answer 3

你可以使用jQuery動畫API：.animate() | jQuery API Documentation