Java html div扩展

在我的项目中，我需要展开我的div部分，当点击链接时，说“查看更多”

如何做到这一点

如果div部分不能包含该部分，请查看www.facebook.com中的一个，每个帖子都可以看到更多

这是我所做的截图

代码：

---

向链接的onclick事件添加javascript函数。在该javascript函数中，将相关div的display属性设置为

display:hidden

或

display:block

或

您可以使用CSS height属性设置初始高度，并设置

overflow-y:hidden

---

然后单击相关链接的，更改div的高度以查看所有内容。

您应该能够使用JQuery中的和方法显示/隐藏div，如图所示

<div id="page" >
    <div id="page-bgtop">
        <div id="page-bgbtm">
            <div id="content" style="min-height:400px" >
                <div class="post" >
                    <h2 class="title"><a href="#">UPDATES</a></h2>
                    <%

                    try{
                         st1=con1.createStatement();
                         ResultSet rs=st1.executeQuery("select * from article ORDER BY artid DESC");

                          %>
                          <div style="width:450px; word-wrap: break-word;">
                          <%
                          while(rs.next())
                         {
                         String  s=rs.getString("article");
                         out.println("<div>");
                         out.println("<p align ='justify' >"+s+"</p>");
                         out.println("<hr style='border:dashed #FFFFFF; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:0;padding:0;'>");
                         out.println("</div>");
                         }
                          %>
                          </div>
                          <% 


                    }catch(Exception e){
                        //System.out.println("exception is "+e);
                        e.printStackTrace();
                    }





                    %>
                </div>