C# 在列表视图中显示/隐藏div

我有一个绑定到GenericList的ListView，它为每个项目创建了tr和td的结构：

<tr>
   <td>Name</td>
   <td>Surname</td>
   <td>14/08/2009</td>
   <td><a href="#" class="trigger">Show</a></td>
</tr>
<tr>
   <td colspan="4">
      <div class="showPicture">
         <img src="" alt="" />
      </div>
   </td>
</tr>

我的问题是，我想显示和隐藏包含图像的div，而不使用回发到服务器。我试图做的是获取被点击的链接，找到它的父td和父tr，导航到下一个tr并找到其中的div

我提出了以下JavaScript来尝试获取正确的div并显示或隐藏它，但它给了我以下错误：Microsoft JScript运行时错误：“parents….parents….nextSibling.firstChild”为null或不是对象

    <script type="text/javascript">
    $(function(){
        $("div.shareLink").hide();
        $("a.trigger").click(function(eventObject){
            $(this).parents('td').parents('tr').nextSibling.firstChild.firstChild.toggle(400);
            return false;
        });
    });
    </script>

我是JavaScript新手，刚开始在ASP.NET中开发，就像我以前开发Windows应用程序一样，所以如果有人能告诉我我做错了，我会非常感激

提前感谢,， Tonio试试这个：

$(this).parent().parent().next().find('div.showPicture').toggle();

---

我忘记在JavaScript代码中将div的类名更改为target。我应该是$div.showPicture.hide；如果这段代码真的成功了，你可能会接受这个答案，并且可能会投票支持它…对不起，我是这个网站的新手，刚刚了解了如何接受答案。。但我不能投票，因为我没有注册。如果注册后允许我投票，我会回来投票。再次感谢，没问题，托尼奥。你需要15个代表点才能放弃投票。