javascript - Div根据图像调整大小点击

Question

我在第一个 Div 中有两个 div 如果我单击图像左侧 Div 必须重新调整大小右侧 Div 必须显示整页内容然后如果我再次单击图像右侧 div 必须转到原始位置。 .如何实现这一目标？？

 <div style="border: 2px solid red;float:left;width:10%;height:400px "> <a href>Image Click</a></div>
<div style="border: 2px solid Blue;float:left;width:50%;height:500px "> Content to show in full page</div>

Answer 1

您可以有两个类，然后从 <div class="smaller"> 中添加或删除类标签取决于点击。 类可以是这样的:

.bigger
{
border: 2px solid Blue;
float:left;
width:50%;
height:500px
}
.smaller{
border: 2px solid red;
float:left;
width:10%;
height:400px; 
}