javascript - 如何在 JavaScript 中实现 "maximize"按钮？

Question

我有一个父 DIV，有两个内部 DIV，每个占据屏幕的 50%。寻求建议以实现以下目标:

• 我会在每个内部 DIV 上都有一个“最大化按钮”，这会将单击该按钮的 DIV 的宽度设置为父 DIV 的 100% 宽度，从而使另一个 DIV 不可见。

我认为 jQuery 可调整大小对此有点太多了，同意吗？

Answer 1

如果您已经在使用 jQuery，您可以这样做:

$(".innerDiv").click(function() {
   $(".innerDiv").hide();
   $(this).css("width", "100%").show();
});

这将首先隐藏两个内部 div，然后将单击的 div 的 CSS 更改为 100% 并显示它。也许不是最有效的方法，但它应该有效(:

您甚至可以将 .css 更改为 .animate 以使其更加生动。