2 |
<html> |
<html> |
3 |
<head> |
<head> |
4 |
<script type="text/javascript" src="hide.js"></script> |
<script type="text/javascript" src="hide.js"></script> |
5 |
|
<script type="text/javascript"> |
6 |
|
|
7 |
|
var show = ['ul1']; |
8 |
|
var hide = ['b1','b2','ul2']; |
9 |
|
|
10 |
|
</script> |
11 |
<!-- |
<!-- |
12 |
<link rel="stylesheet" href="style.css" type="text/css"> |
<link rel="stylesheet" href="style.css" type="text/css"> |
13 |
--> |
--> |
14 |
<title>hide entries</title> |
<title>hide entries</title> |
15 |
</head> |
</head> |
16 |
|
|
17 |
<body> |
<body onLoad="show_hide_display(show,hide);"> |
18 |
|
|
19 |
|
<div style="float: right; width: 10em;"> |
20 |
|
Folding: |
21 |
|
<a href="#" onClick="show_hide_display(show,hide);">default</a> |
22 |
|
<a href="#" onClick="show_display(show); show_display(hide);">all</a> |
23 |
|
<a href="#" onClick="hide_display(hide); hide_display(show);">none</a> |
24 |
|
<a href="#" onClick="alert('show: '+show.length+', hide: '+hide.length);">debug</a> |
25 |
|
</div> |
26 |
|
|
27 |
<h1>table</h1> |
<h1>table</h1> |
28 |
|
|
29 |
<table border="0" id="table1" style="width:100%"> |
<table border="0" id="table1" style="width:100%"> |
30 |
<tr><td><a href="#" onClick="hide_show('b1');">Lorem Ipsen</a></td></tr> |
<tr><td><a href="#" onClick="toggle_display('b1');">Lorem Ipsen</a></td></tr> |
31 |
<tr id="b1" style="display: none"><td> |
<tr id="b1" style="display: none"><td> |
32 |
<p>Repellat sed dignissimos eligendi vitae accusantium magni ex. Eum ut iusto dolorem eligendi architecto impedit. Veniam omnis ut reiciendis ratione numquam nam non. Dolores adipisci dolore quis hic est. Quia illo quasi ratione. Quia nobis vero quis qui.</p> |
<p>Repellat sed dignissimos eligendi vitae accusantium magni ex. Eum ut iusto dolorem eligendi architecto impedit. Veniam omnis ut reiciendis ratione numquam nam non. Dolores adipisci dolore quis hic est. Quia illo quasi ratione. Quia nobis vero quis qui.</p> |
33 |
<p>Impedit nisi aliquam et est voluptas tenetur sit a. A porro et illum quis. Iusto quae quisquam cumque sint fugiat laboriosam nesciunt. Sapiente incidunt nulla ut voluptatum non ex ut. Et assumenda consequatur non laudantium cumque facilis.</p> |
<p>Impedit nisi aliquam et est voluptas tenetur sit a. A porro et illum quis. Iusto quae quisquam cumque sint fugiat laboriosam nesciunt. Sapiente incidunt nulla ut voluptatum non ex ut. Et assumenda consequatur non laudantium cumque facilis.</p> |
34 |
<p>Cupiditate quibusdam vitae quidem. Quos est nam porro animi provident. Voluptatum veritatis earum architecto ut quo ut iste aut. Similique esse debitis provident deleniti est optio. Excepturi molestias harum non sunt est asperiores sit. Fuga accusantium in fugiat ullam qui corrupti.</p> |
<p>Cupiditate quibusdam vitae quidem. Quos est nam porro animi provident. Voluptatum veritatis earum architecto ut quo ut iste aut. Similique esse debitis provident deleniti est optio. Excepturi molestias harum non sunt est asperiores sit. Fuga accusantium in fugiat ullam qui corrupti.</p> |
35 |
</td></tr> |
</td></tr> |
36 |
|
|
37 |
<tr><td><a href="#" onClick="hide_show('b2');">Another one</a></td></tr> |
<tr><td><a href="#" onClick="toggle_display('b2');">Another one</a></td></tr> |
38 |
<tr id="b2" style="display: none"><td> |
<tr id="b2" style="display: none"><td> |
39 |
<p>Et quisquam id nihil asperiores sunt maiores pariatur. Beatae ab quidem a quos ex accusantium autem. Voluptatibus cum deserunt recusandae labore voluptate minus. Aut et quae iure sequi. Quia illo modi accusantium velit aspernatur ut omnis.</p> |
<p>Et quisquam id nihil asperiores sunt maiores pariatur. Beatae ab quidem a quos ex accusantium autem. Voluptatibus cum deserunt recusandae labore voluptate minus. Aut et quae iure sequi. Quia illo modi accusantium velit aspernatur ut omnis.</p> |
40 |
<p>Non odio veritatis est sed reiciendis nostrum. Odit asperiores voluptates nostrum. Impedit rerum tenetur nisi aut. Qui deleniti laudantium est voluptates harum nihil velit dolores. Excepturi quo accusamus eum necessitatibus eaque. Reprehenderit temporibus fugiat aut dolorem.</p> |
<p>Non odio veritatis est sed reiciendis nostrum. Odit asperiores voluptates nostrum. Impedit rerum tenetur nisi aut. Qui deleniti laudantium est voluptates harum nihil velit dolores. Excepturi quo accusamus eum necessitatibus eaque. Reprehenderit temporibus fugiat aut dolorem.</p> |
45 |
<h1>ul</h1> |
<h1>ul</h1> |
46 |
|
|
47 |
<ul> |
<ul> |
48 |
<li><a href="#" onClick="hide_show('ul1');">foo</a></li> |
<li><a href="#" onClick="toggle_display('ul1');">foo</a></li> |
49 |
<ul id="ul1"> |
<ul id="ul1"> |
50 |
<li>bar</li> |
<li>bar</li> |
51 |
</ul> |
</ul> |
52 |
|
|
53 |
<li><a href="#" onClick="hide_show('ul2');">nope</a></li> |
<li><a href="#" onClick="toggle_display('ul2');">nope</a></li> |
54 |
|
|
55 |
<ul id="ul2" style="display: none"> |
<ul id="ul2" style="display: none"> |
56 |
<li>null</li> |
<li>null</li> |