|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
#1
September 17th, 2003, 01:06 PM
|
|||
|
|||
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
September 17th, 2003, 02:06 PM
|
|||
|
|||
|
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>
|
|
#3
September 17th, 2003, 02:10 PM
|
||||
|
||||
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > how to use CSS style hidden? block? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
