我有一個表嵌套在另一個表<td>
內。當用戶點擊該<td>
的<h3>
元素時,我希望嵌套表格向下滑動並使用jQuery緩慢顯示。我有它基本上工作,但我出現表有問題。它只是出現,並不像我要求jQuery那樣下降。這裏是項目網站:試圖讓表緩慢出現與jQuery
點擊「Home Buyer Tips」欄。這是我現在綁定的jQuery中唯一的項目。
這裏是jQuery的我使用:
$("h3#homeBuyerTips").click(function() {
$("#hidden1").slideDown("slow");
下面是嵌套表CSS:
#hidden1 {
display: none;
}
這裏是只是該項目的HTML我我試圖顯示:
<tr>
<td colspan="3">
<h3 id="homeBuyerTips">Home Buyer Tips</h3>
<table id="hidden1">
<thead>
<th>Email</th>
<th>Link</th>
<th>Modified</th>
</thead>
<tr>
<td rowspan="3">Home Buyer Tips</td>
<td class="link" id="version11">
<a href="http://www.crm-newsletter.com/client-to-client/homeBuyerTips/homeBuyerTip_email1.html" target="_blank">version 1</a>
</td>
<td class="date">02/05/2012</td>
</tr>
<tr>
<td class="link" id="version12">
<a href="http://www.crm-newsletter.com/client-to-client/homeBuyerTips/homeBuyerTip_email2.html" target="_blank">version 2</a>
</td>
<td class="date">02/05/2012</td>
</tr>
<tr>
<td class="link" id="version13">
<a href="http://www.crm-newsletter.com/client-to-client/homeBuyerTips/homeBuyerTip_email3.html" target="_blank">version 3</a>
</td>
<td class="date">02/06/2012</td>
</tr>
<tr id="previewTitle"><td colspan="3">Preview</td></tr>
<tr>
<td id="previewWindow1" class="previewWindow" colspan="3" style="background: #FFF; height: 250px; width:780px;">
<h2>Preview Window</h2>
</td>
</tr>
</table>
</td>
</tr>
非常感謝你提前。請讓我知道我是否應該發佈更多我的代碼。
感謝加法 「的slideToggle()」! – 2012-02-14 17:38:48