如何使用 Jquery 执行向右滑动答案

【问题标题】：How to perform slide right using Jquery如何使用 Jquery 执行向右滑动
【发布时间】：2012-12-25 19:40:54
【问题描述】：

我有一个生成箭头的 div 类>>。单击该 div 时，我想显示应从左向右滑动并等待 20 秒的项目列表。再次单击时，它应该向左滑动并消失。

我正在尝试使用 Jquery，但没有成功。
请帮我。任何帮助将不胜感激。

【问题讨论】：

你能添加不起作用的代码吗？
你写的jQuery代码怎么样？
我还没开始，请指导我
我还没写代码，请指导我
我很好奇，还没写完的代码怎么会不工作？

【解决方案1】：

   $("#right").click(function(){
      $(".block").animate({"right": "+=50px"}, "slow");
    });

此代码假定在具有“right” id 的容器元素中具有类“block”的元素。具有“block”类的元素将向右滑动 50px 左右。

为了帮助自己尝试这些教程：

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

【讨论】：

这取决于插件还是旧版本的 JQuery？逐字复制但没有效果:(

【解决方案2】：

<script>
$(document).ready(function () {       
    $("#search-inline").click(function() {
        $(".window_box").toggle({"left": "+=250px"}, 3000);
    });
});
</script>

//click link
<a id="search-inline" title="Search"  href="#content" alt="Search"> Search </a>

//initially hide the div
<div class="window_box" style="display:none; width:500px; height:500px;"> 
//content 
</div>

【讨论】：