代碼如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>laofan</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style>
.detail_content{
display: none;
}
</style>
</head>
<body>
<div>
<table>
這是表格內容
</table>
<div class="detail_click">
展開
</div>
<div class="detail_content">
這是詳情
</div>
</div>
<div>
<table>
這是表格內容
</table>
<div class="detail_click">
展開
</div>
<div class="detail_content">
這是詳情
</div>
</div>
<script type="text/javascript">
$('.detail_click').click(function(){
//$(this) 為 detail_click 實體
$(this).next().slideToggle('1000',function(){
//$(this) 為 detail_content 實體
// $(this).prev() 為 detail_click 實體
$(this).prev().text($(this).is(":visible") ? "收起" : "展開" );
});
})
</script>
</body>
</html>