一些 jQuery Animate 帮助？答案

【问题标题】：Some jQuery Animate assistance?一些 jQuery Animate 帮助？
【发布时间】：2012-12-12 10:42:25
【问题描述】：

首先，我的 jQuery 真的很烂。我在 Wordpress 循环中有一个“ul”，它呈现以下输出——“li”标签是循环中的各个帖子。

<ul id="list">
<li class="box">
    <div class="front">
        <h3> Some Front Stuff </h3>
        <p> Some front paragraph...</p>
    </div>
    <div class="back">
        <h3> Some back Stuff </h3>
        <p> Some back stuff.. </p>
    </div>
</li>
<li class="box">
    <div class="front">
        <h3> Some Front Stuff </h3>
        <p> Some front paragraph...</p>
    </div>
    <div class="back">
        <h3> Some back Stuff </h3>
        <p> Some back stuff.. </p>
    </div>
</li>
etc...etc..etc

我想要的是可以在这里查看的东西：http://www.aatsol.co.za/temp/some_jquery/

我只是希望用户单击“查看更多详细信息”，然后让第二个 div 滑过第一个 div 以显示“返回 div”上的联系方式

另一个问题是我只希望“X”出现在联系方式上 - 允许用户关闭窗口并返回到第一个 div。我已经尝试过做某事，但我不能再做任何事情了——用 2 周的时间在 3 行 jQuery 上工作。非常感谢您的帮助。

我的 jQuery：

$(document).ready(function() {
$(".box").click(function(){    
    $(this).find('.inner').stop().animate({top:0});    
});

// to close back div - not even touched 
$("a.close").click(function(){
    alert("close");
    $(this).find('.inner').stop().animate({top:340});
});});

任何帮助家伙！

【问题讨论】：

标签： jquery jquery-ui jquery-animate wordpress

【解决方案1】：

我最终是对的，不妨回答我自己的问题。我在以下 jquery 脚本中使用了“切换”来实现结果：

$(".box").toggle(function(){
$(this).find(".inner").stop().animate({top:0});
}, function() {
$(this).find(".inner").stop().animate({top:340});} );

祝你好运！

【讨论】：