如何在jQuery中添加内联样式？

Question

是否可以在下面的代码中为div .trigger设置内联样式并将其显示设置为阻止？

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

Answer 1

您只需使用$('.trigger').css('display', 'block');

即可

如果你想在toggle函数中实现它，你可以这样做：

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