jQuery动画Wordpress内容

Question

我一直在尝试这样做，以便当您点击帖子的缩略图图像时，内容会在div中生成动画。如果单击另一个div，则会对内容进行动画备份，然后使用新内容进行动画制作。内容将显示在div theContainer中。

目前它什么也没做，但我很确定它已经接近，只是在某个我没见过的地方犯了一个愚蠢的错误。

直播：http://www.mathewhood.com/sitefiles jsFiddle：http://jsfiddle.net/YpHCq/

N.B。 <?php the_post_thumbnail(); ?> - 显示帖子缩略图（在WP中创建帖子时定义） <?php the_title(); ?> - 显示帖子的标题 <?php the_content(); ?> - 显示帖子的内容

Answer 1

这是一件非常简单的事情，使用以下jQuery作为开头：

$(thumb-nail).click(function(){
   $('.down').slideUp("fast").removeClass('down');
   $(this).parent().find(stuff-to-hide).slideDown("fast").addClass('down');
});

在此查看我的工作示例 - http://jsfiddle.net/ajthomascouk/byWwk/

Answer 2

尝试评论jQuery中包含的PHP片段，因为它们看起来是什么导致页面运行不正确。我还会将var的名称从$ container更改为更独特的名称。