html div展開

Question

私のプロジェクトでは、リンクがクリックされたときにdivセクションを展開する必要があります。

どうすればいいですか？

のdivセクションは、セクションが含まれているカント場合は、各ポストは、より多くのを見たwww.facebook.comにあるものを、確認してください...

これは私が

をやっているのスクリーンショットです

コード：

<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プロパティをdisplay:hiddenまたはdisplay:blockに設定します。

それとも

あなたは、CSSのheightプロパティを使用して初期高さを設定し、その後、関連リンクのonclickをoverflow-y:hidden を設定し、すべてのコンテンツを見るためのdivの高さを変更することができます。

Answer 2

.showと.hideのメソッドを使用してdivを表示/非表示にするには、hereのようにJQueryのメソッドを使用できます。