Question

我有用于向支持发送消息的脚本，但是在此框中，“发送”内容消失后，从右侧，应该滑动“谢谢”文本。我试过幻灯片，但没有任何反应......我的意思是，脚本工作（发送消息），但谢谢你没有出现。我怎样才能做到这一点？

<div id="message">
    <div id="container">
        <div id="form">

        </div>
        <div id="thankyou">
            <div id="text">
                Thank you!
            </div>
        </div>
    </div>
</div>

$(document).ready(function(){

$("#send").click(function(){

$.post("send.php", $("#form").serialize(),  function(response) {

$("#form").hide();
$("#thankyou").show("slide", { direction: "left" }, 1000);


});
return false;

});

});

Answer 1

你也需要jQuery ui：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

添加适当的库。

a working fiddle.

发送表格后，从右向右滑动

1 个答案: