html div expansion

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

添加一個JavaScript函數來鏈接的onclick事件。在該javascript函數中，將相關div的顯示屬性設置爲display:hidden或display:block。

或者

可以使用CSS height屬性設置一個初始高度，並設置overflow-y:hidden 那麼相關鏈接onclick，改變div的高度看到的所有內容。

Answer 2

您應該能夠使用來自JQuery的.show和.hide方法公開/隱藏div，如here所示。