MVC - 如何通过单击第1个div更改第2个div高度？

Question

我是MVC的新手，如果有人点击第一个div，我想实现这个目标，那么第二个div高度从100px变为200px。

我知道这可以使用JavaScript完成，但我只是讨厌JavaScript。如果可以提出任何替代方法，我将不胜感激。它不必仅使用MVC实现，任何其他方式都是有用的。

提前谢谢你：）

CSHTML：

<div id="div1">DIV 1</div>

<div id="div2">DIV 2</div>

CSS：

#div1 {
    background-color: #FF0000;
    position: relative;
    width: 400px;
    height: 100px;
    text-align: center;
    font-size: 24px;
    padding-top: 50px;
}

#div2 {
    background-color: #FF0000;
    position: relative;
    width: 400px;
    height: 100px;
    text-align: center;
    font-size: 24px;
    padding-top: 50px;
    margin-top: 50px;
}