jQuery div層的放大與縮小簡單實作程式碼_jquery

複製程式碼程式碼如下：

標題>

.content
{
邊框：1px 實心#ccc;
寬度：440px;
溢出：隱藏；
邊距：10px;
}
風格>


$(document).ready(function() {
if ($('#content').height() > 400)
$('#content').height(400);
$('#bigger').toggle(function() {
$('#content').height($('#content').height() 100);
$(' #bigger').html('縮小');
}, function() {
$('#content').height($('#content').height() - 100); 🎜>$('#bigger').html('放大')
})
});
腳本>
頭>

內容1
>
內容2
;
內容3
>
內容4
;
內容5
>
內容6
>
內容7
>
內容8
>
內容9
>
內容10
>
內容11
>
內容12
>
內容13
>
內容14
>
內容15
>
內容16
>
內容17
>
內容18
>
內容19
>
內容20
>
內容21
>
內容22
>
內容23
>
內容24
>
內容25
>
div>

>
放大
身體>