0

首先，我的 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”上的联系方式

另一个问题是我只希望“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});
});});

任何帮助家伙！

4

1 回答 1

0

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

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

祝你好运！！

于 2012-12-12T14:47:00.750 回答