Jquery在.net数据列表中显示/隐藏

我有一个返回新闻文章的.net数据列表，我希望只显示标题，然后单击标题链接显示正文

这就是我目前所拥有的 HTML

唯一有效的部分似乎是隐藏加载中的.newsarticle div。 说到Jquery，我是一个彻头彻尾的Noob，所以我会感激地接受所有的指针

---

干杯

您的选择不太正确。试试-

(function ($) {
        $(document).ready(function () {
            $('.newsarticle').hide();
            $('a.trigger').click(function () {
                $(this).parents(".news").children(".newsarticle").slideToggle();
            });
        });
    })(jQuery);

它应该找到具有

news

类的已单击链接的父“div”，然后找到具有“newsactle”类的该din的子项。

函数将返回

a

之后的下一个元素。我假设它正在查找与

“div”

选择器不匹配的

，因此不会返回任何内容

我会用像这样的东西

 $(this).parent().siblings("div").slideToggle(); 

这将转到链接的父元素，在本例中为

strong

，然后找到

strong

元素的同级div，这将找到您正在查找的div

(function ($) {
        $(document).ready(function () {
            $('.newsarticle').hide();
            $('a.trigger').click(function () {
                $(this).parents(".news").children(".newsarticle").slideToggle();
            });
        });
    })(jQuery);

 $(this).parent().siblings("div").slideToggle();