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 animate api：.animate() | jQuery API Documentation

如何在动画中显示jQuery.show（）

3 个答案: