向右滑动并显示表单

时间:2013-02-24 19:35:47

标签: jquery jquery-ui

当用户点击按钮时,我希望页面展开HORIZONTALLY并显示另一个表单(有按钮和文本字段。)。

我找到了这个example,但它可以垂直工作,我如何编辑代码以便它可以水平工作?

<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideDown("slow");
  });
});
</script>

或者还有其他方法吗?

注意:jQuery: Slide left and slide right没有帮助

更新

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideDown("slow");
 $(this).hide("slide", { direction: "left" }, 1000);

  });
});
</script>
<style type="text/css"> 
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>

<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>

</body>
</html>

0 个答案:

没有答案