#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    5
    Rep Power
    0

    Question how to use CSS style hidden? block?


    I would like to hide some rows in a table until a user clicks the expand view button and then minimize view should rehide the expanded data??

    Thanx for your help.
  2. #2
  3. No Profile Picture
    Super Moderator
    Devshed Specialist (4000 - 4499 posts)

    Join Date
    Jul 2003
    Posts
    4,008
    Rep Power
    2790
    Code:
    <html>
     <head>
      <style>tr#hide{display:none}</style>
      <script>
       function hide()
        {document.getElementById('hide').style.display = 'none'}
       function show()
        {document.getElementById('hide').style.display = 'block'}
      </script>
     </head>
     <body>
    
      <table>
       <tr><td onClick=show()>[show]</td></tr>
       <tr id=hide><td>Hidden</td></tr>
       <tr><td onClick=hide()>[hide]</td></tr>
      </table>
    
     </body>
    </html>
  4. #3
  5. Über nübe
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Babylon 4
    Posts
    240
    Rep Power
    11
    I got this link here:

    collapse menu html

IMN logo majestic logo threadwatch logo seochat tools logo