-1
我有一張我必須在此表中顯示的名稱列表。我只想在此列表中顯示 ONE名稱,並且可以單擊該名稱以顯示列表中的其他名稱。可摺疊名稱列表
也許我只是過分複雜的問題。
此外,我試圖讓代碼不會擴大表一旦點擊。我怎樣才能在Names:
前列出名單上的名字。
我想知道這裏有沒有人會有更好的方式來完成這一點,或者可以指出在這個代碼中可以實現的位置。
我正在嘗試使用不太複雜的代碼,但不能垂直對齊「」中垂直旁邊的名稱。
<!DOCTYPE html>
<html>
<head><title>Collapse List Demo</title>
<script type="text/javascript" src="jquery-1.11.min.js"></script>
<style>
ul.list {padding-top:1px;list-style-type: none; padding-left: 3.0em;vertical-align: top;}
ul li ul {
display: none;
list-style-type: none;
padding:40; margin:20;
}
</style>
<script>
$(document).ready(function(){
$('.list > li a').click(function() {
$(this).parent().find('ul').toggle();
});
});
</script>
</head>
<body>
<br>
<table border="1" cellpadding="0" cellspacing="0" width="960">
<tbody>
<tr>
<td colspan="6">
<td>
Names: <ul class="list">
<li>
<a>Joe Doe</a>
<ul>
<li>Mary Smith</li>
<li>Carl Jackson</li>
<li>John Smith</li>
</ul>
</li>
</ul>
</td>
<td colspan="6">
</td>
<td style="padding-left:260px">
Reg Date: <span style="text-transform: none;font-weight: bold;">April 01, 2015</span>
</td>
</tr>
</tbody>
</table>
<br><br>