使用jquery在wordpress中切换post

我想在wordpress中做一些我以前没有见过的事情。 基本上，当您到达博客时，会显示标题，缩略图和摘录。 按下切换按钮时，post应向下滑动以显示内容。 （ ）

这是我的Jquery：

 $(document).ready(function() { $('span.play a').click(function() { if ($('.toggleSection').is(":hidden")) { $('.toggleSection').slideDown("slow"); } else { $('.toggleSection').slideUp("slow"); } return false; }); }); 

它完美地运作！ 然而; 因为切换位于wordpress循环中，每当按下切换按钮时，所有的post都会打开。 例如，如果我在一个页面上有10个post，并且单击了一个切换按钮，则所有切换都会打开。 这是我的WP循环：

  <div class="post" id=""> 
  <img src="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery//images/play.png" width="30" height="36" alt="Play Video"> 
 
<a href="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery/">
 
Posted in:  On: