使用指令同时通过id更改多个元素？

Question

我正在移动网站上工作，只需点击一个按钮，我就需要更改5或6个不同ID和d div的css样式。我基本上将它们中的一些移动/改变它们的高度和z指数等。

我已经通过在功能中的控制器中这样做了所有工作：

＆＃13;

＆＃13;

document.getElementById("div1").style.height = "46px";
document.getElementById("div2").style.height = "46px";
document.getElementById("div3").style.margin = "94px";
document.getElementById("div4").style.top = "97px";
document.getElementById("div5").style.zIndex = "1";

＆＃13;

＆＃13;

＆＃13;

然后在另一个函数中，再次单击将通过使用不同的值再次调用上述所有内容来将它们全部设置回来。

这一切都按我的意思运作，但我知道控制器不适合这种事情。

如何使用指令在现有（相对较大的）html模板文件中动态影响所有这些更改？

感谢。