Javascript 将图像切换到与另一图像相同的位置

我有两张照片。当我点击一个图像时，它应该显示不同的内容。现在我还想知道，当我点击默认图像开关时，默认图像与另一个图像的位置相同，这是第一个图像和第二个图像

我有以下代码：

图像内容1
图像内容2

---

我如何才能做到这一点？

不确定这是否是您要寻找的，但您可以将这两个图像包装在一个div中： 编辑：

---

检查JSFIDLE

考虑到currenct结构，您需要javascript。如何使用js实现这一点？我们不是来为您编写代码的。我们在这里帮助您解决代码中的任何问题。使用我的代码进行测试但不起作用，您可以在JSFIDLE上尝试

<div class="imagecontainer">
    <div class="img image1" content="content1">
        <img src="https://pixabay.com/static/uploads/photo/2010/11/24/autumn-1_640.jpg" alt="Mountain View" style="width:250px;">
    </div>
    <div class="img image2" content="content2">
        <img src="https://pixabay.com/static/uploads/photo/2015/06/25/17/23/landscape-821573_640.jpg" alt="Mountain View" style="width:250px;">
    </div>
</div>

<div class="contentcontainer">
    <div class="content content1">
        image content 1
    </div>
    <div class="content content2">
        image content 2
    </div>
</div>

$(".img").click(function(){
    $(".content").hide();
    $("."+$(this).attr("content")).fadeToggle(true);
    if ($('div').hasClass('image1')){
       $('.image1 img[alt="Mountain View"]').hide();
    }
});