html div扩展

Question

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

怎么办呢？

检查www.facebook.com中的那个，如果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>

Answer 1

为链接的onclick事件添加javascript函数。在该javascript函数中，将相关div的显示属性设置为display:hidden或display:block。

或

您可以使用CSS height属性设置初始高度并设置overflow-y:hidden 然后是相关链接的onclick，更改div的高度以查看所有内容。

Answer 2

您应该能够使用JQuery中的.show和.hide方法公开/隐藏div，如here所示。