Asp.net 显示/隐藏列表的一部分

我有一个（无序的）项目列表（由中继器生成）。但是，我希望显示前三项，并将其余项隐藏在

主内容

div中。当按下按钮时，我希望列表的div展开，按下

主内容

div并显示列表的其余部分。我曾考虑使用slideDown（），但这会关闭整个div（我想显示列表的前3项）。达到这种效果的最佳方式是什么？有没有一个插件可以很容易地显示列表中的X个项目，并根据请求显示其余的项目

谢谢

编辑：添加当前代码：

   <div id="name_links">
        <asp:Repeater ID="rptName" runat="server">
        <ItemTemplate>
        <ul class="ul_links">
        <li>

        <a id="aName"  runat="server" href=<%# Eval("Name")%> >
    <%# Eval("Name")%> 
      </a>

        </li>
        </ul>
        </ItemTemplate>
        </asp:Repeater>
    </div>

<div id="main_content" >
...
</div>

---

这可以通过jQuery完成，但查看标记示例会有所帮助

这里展示了如何使用ul/li标签。您应该能够使其适应您自己的标记，而不会有太多麻烦

通常，您可以通过以下方式隐藏项目4：

$('div:gt(2)').hide(); //index starts at 0

---

您必须修改jquery选择器以适合您的标记，并且可以将其放入

$（document）.ready（）

块中，以便隐藏页面加载上的项目。

您的项目模板看起来是错误的

应该是

 <div id="name_links">
     <ul class="ul_links">
    <asp:Repeater ID="rptName" runat="server">
    <ItemTemplate>
    <li>

    <a id="aName"  runat="server" href=<%# Eval("Name")%> ><%# Eval("Name")%> 
  </a>

    </li>
    </ItemTemplate>
   </asp:Repeater>
  </ul>
</div>

然后jquery将能够根据需要显示和隐藏

---

另一种方法是创建ul->li标签集。

您正在执行

$（“ul.ul\u链接”）。每个（…）内部
$（文档）。准备好了（…）
？您好。是的，它在
$（文档）中。准备好了（…）
。还有其他代码可以很好地执行。我尝试将
标记移到外部，但没有成功。除第一个项目外，所有项目的CSS都已中断。除非，我的CSS是错误的（因为我一直在使用我原来的方法）？啊，就是这样。我编辑了我的CSS，现在样式也很好了。谢谢
 <div id="name_links">
     <ul class="ul_links">
    <asp:Repeater ID="rptName" runat="server">
    <ItemTemplate>
    <li>

    <a id="aName"  runat="server" href=<%# Eval("Name")%> ><%# Eval("Name")%> 
  </a>

    </li>
    </ItemTemplate>
   </asp:Repeater>
  </ul>
</div>