[thelist] Hiding/Showing table rows (as in how to do it)

[Burhan Khalid]

Hey James :

    I know exactly what you are talking about, because I use the same
technique to form (albeit a crude) collapsing menu system. Here are a few 
steps that you can use to get the basic setup going :

    1. Set your <TD> tag to something like this :
       <td id=menuItemOne style="display:"
       (this will set the row to be "open" ie. displayed by default))
       <td id=menuItemOne style="display:none"
       (this will set the row to be hidden by default)

    2. Then write this little snippet of JavaScript
       function doCollapse() { menuItemOne.style.display = 'none' }
       function doExpand() { menuItemOne.style.display = ' ' }

That's it! If you need more help, or a live example, send me an email

Burhan Khalid
burhankh at hotmail.com



_________________________________________________________________
Get your FREE download of MSN Explorer at http://explorer.msn.com/intl.asp