我有以下代码，但我终其一生都无法弄清楚为什么它不起作用。任何帮助将不胜感激。谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Simple Tabs with CSS & jQuery</title>
<style type="text/css">
body {
margin:1em;
padding:0;
height:100%;
background-color:#cbcbcb;
color:#000000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
border-style: thin;
}
h1 {font-size: 3em; margin: 20px 0;}
.hidden{
background-color:gray;
width:120px;
text-decoration:none;
font-size:x-large;
color:black;
display:none;
border:thin;
border-bottom-color:gray;
}
<script type="text/javascript">
$(document).ready(function() {
$("#button").click(function () {
$(".hidden").slideToggle(200);
});
<body>
<div class="hidden">woot</div>
<table style="width: 100%" cellspacing="1" class="style1">
<tr>
<td class="style1">Username</td>
<td class="style1">Last Name</td>
<td class="style1">First Name</td>
<td class="style1">MI</td>
<td class="style1">Address</td>
<td class="style1">Email</td>
<td class="style1">Age</td>
<td class="style2"><p id="button"><a href="#">Toggle</a></p> </td>
</tr>
</table>
</body>
最佳答案
你到底是什么意思，不工作？这是您页面的完整代码吗？
如果是:
- 你的脚本标签没有关闭
- 你的 head 标签没有闭合
- 你漏掉了结尾});
- 您没有包含 jQuery 脚本
关于jquery - 滑动切换在表格内不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4626260/