Question

我有以下代码，它只是将div向左滑动并重新出现。我计划在重新出现之后更改div的内容，但是现在我只是想弄清楚它为什么不能顺利地滑回原位并跳到原位。这是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script>
function show2(){      
    $("#copy").toggle('slide');
    $("#copy").toggle('slide'); 
}
</script>
</head>

<body> 

<div id="copy" style="background-color:black; width:980px; height:700px; margin: 0 auto;" onClick="show2()">
    test
</div>

</body>
</html>

因此，当您单击该框时，它会向左滑动。当它再次出现时，它会跳跃并重新进入。如果删除边距：0 auto;并且保留左边：300px;它更顺畅，没有跳跃。我不想要这样做，并希望将div放在中心。

有什么想法吗？

jQuery切换'slide'和margin：0 auto;

0 个答案: