gpt4 book ai didi

javascript - jQuery 在 html 表中切换 'animation'

转载 作者:行者123 更新时间:2023-11-30 12:44:30 24 4
gpt4 key购买 nike

<分区>

是否可以“以动画方式”向上/向下滑动整个表格行或其中的所有单元格,类似于使用 div 时发生的情况?因为正如我检查的那样,它只是显示/隐藏但没有任何动画。

HTML:

<table>
<tbody>
<tr id="target">
<td>User</td>
<td>will</td>
<td>click</td>
<td>me</td>
</tr>
<tr id="subject">
<td>And</td>
<td>I</td>
<td>should</td>
<td>expand</td>
</tr>
</tbody>

CSS:

* { margin: 0; padding: 0; }

table { margin: 0 auto; }
table tr { background: #d4d4d4; }
table tr > td { width: 80px; }

jQuery:

<script src="jquery.js"></script>
<script>$(document).ready(function(){
$('#subject').hide();
$('#target').click(function() {
$('#subject').slideToggle();
});
});
</script>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com