L
leegold2
I wondered if anyone would give me code- I think it would be easy, but
I'm a complete newbie. What I want to do is to show many tables in a
brief truncated format and then for each table offer the user the
ability to toggle so they can see the full content of each table
individually. The code I got from the net below works fine for *one*
table but when I try to add a 2nd table it does not work. How can I
apply this toggle individually to each table?
<html>
<script>
function toggle(e) {
if (e.style.display == "none") {
e.style.display = "";
}
else {
e.style.display = "none";
}
}
</script>
<table border=2px><tr><td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
<div id=aa style="display:none"> </a>
cccccccccccccccccccccccccccccccccccccccccccccccc<br>
ddddddddddddddddddddddddddddddddddddddddd<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
</div>
</td></tr></table>
<a href=javascript:toggle(aa)><b>see more</b></a>
<!-- If I add this table below, it does not work -->
<table border=2px><tr><td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
<div id=aa style="display:none"> </a>
cccccccccccccccccccccccccccccccccccccccccccccccc<br>
ddddddddddddddddddddddddddddddddddddddddd<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
</div>
</td></tr></table>
<a href=javascript:toggle(aa)><b>see more</b></a>
</html>
I'm a complete newbie. What I want to do is to show many tables in a
brief truncated format and then for each table offer the user the
ability to toggle so they can see the full content of each table
individually. The code I got from the net below works fine for *one*
table but when I try to add a 2nd table it does not work. How can I
apply this toggle individually to each table?
<html>
<script>
function toggle(e) {
if (e.style.display == "none") {
e.style.display = "";
}
else {
e.style.display = "none";
}
}
</script>
<table border=2px><tr><td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
<div id=aa style="display:none"> </a>
cccccccccccccccccccccccccccccccccccccccccccccccc<br>
ddddddddddddddddddddddddddddddddddddddddd<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
</div>
</td></tr></table>
<a href=javascript:toggle(aa)><b>see more</b></a>
<!-- If I add this table below, it does not work -->
<table border=2px><tr><td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
<div id=aa style="display:none"> </a>
cccccccccccccccccccccccccccccccccccccccccccccccc<br>
ddddddddddddddddddddddddddddddddddddddddd<br>
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
</div>
</td></tr></table>
<a href=javascript:toggle(aa)><b>see more</b></a>
</html>