jquery - 在特定的html元素之间切换

我在尝试在JQuery中的两个<p>标记之间切换时遇到问题，我的标记看起来像...

<td>
   <p>paragraph 1 <a class="descriptionToggle">Click</a></p>
   <p style="display:none;">paragraph 2 <a class="descriptionToggle">Click</a</p>
</td>

<td>
   <p>paragraph 1 <a class="descriptionToggle">Click</a></p>
   <p style="display:none;">paragraph 2 <a class="descriptionToggle">Click</a</p>
</td>

每次单击.descriptionToggle链接时，都应在相邻的<p>标记之间切换，我已经尝试了以下方法...但是它不起作用...

$("a.descriptionToggle").on("click",function(){
   $(this).parent().parent().("p").toggle();
});

我该如何解决这个问题？

最佳答案

尝试以下操作进行切换：

$(this).parent().parent().find("p").toggle();

小提琴在行动中展示它：http://jsfiddle.net/Dwwtk/