我有一个(无序)列表(由转发器生成).但是,我想显示前三个项目,其余的隐藏在主要内容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.ul_links").each(function() {
        $(this).children("li:gt(3)").hide();

        alert("Testing"); //This never gets called. 
    });

解决方法:

您的项目模板看起来不对

它应该是

 <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标签.