您可以将jQuery toggleClass
与CSS转换结合使用以获得相同的结果.检查https://jsfiddle.net/wykL6u7u/11/,看看是否符合您的需求.
我做了什么:
.block { width: 33.3%; height: 50%; // ... transition: all 1s; } .block.expanded { width: 100%; height: 100%; transition: all 1s; }
而JS只是类切换:
$('#block1').click(function(){ $(this).toggleClass("expanded"); });