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>

如果单击其外部的链接，如何更改div的宽度和高度？

2 个答案: