如何在點擊鏈接之外的鏈接時更改div的寬度和高度？

Question

正如標題所說，當我點擊一個鏈接，使用JavaScript在div外部放置時，我想改變div的高度。眼下

我可以改變div的尺寸只有當我點擊上面的代碼在div內的任何地方：

$('.greendiv').toggle(function(){ 
$(this).animate({'height': '300px', 'width': '400px'}, 200); 
}, function(){ 
$(this).animate({'height': '200px', 'width': '200px'}, 200); 
}); 

這裏是FIDDLE

Answer 1

您需要指出的類名，你想進行

動作

$('.clickme').toggle(function(){ 
    $('.greendiv').animate({'height': '300px', 'width': '400px'}, 200); 
}, function(){ 
    $('.greendiv').animate({'height': '200px', 'width': '200px'}, 200); 
}); 

Answer 2

試試這個：

$('.greendiv').hover(function(){ 
 
    $(this).animate({'height': '300px', 'width': '400px'}, 200); 
 
}, function(){ 
 
    $(this).animate({'height': '200px', 'width': '200px'}, 200); 
 
});

.greendiv { 
 
    background: teal; 
 
    width:200px; 
 
    height:200px; 
 
    
 
} 
 
.clickme {color:#757575;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="greendiv"></div> 
 
<div class="clickme">CLICK-ME</div>