jquery - 通过侧面菜单切换div

我对此很陌生，对不起标题，我不知道该怎么称呼。

我正在尝试在div内制作一个带有2 div的小菜单。
左侧为带有文本的div。
带有多个图像的div右侧，当单击时，链接到左侧div中显示的其他文本。

当出现其他文本时，指向第一段文本的图像将返回到右侧的菜单。

我知道我可能不会很好地解释这一切。我不知道该怎么解释。

这是html，也许有帮助

<div id="home">
    <div id="leftBlock">
        <img src="/images/links/image1.png" alt="image 1"width="160"/>
        #atekst#
    </div>
    <div id="rightBlock">
        <img src="/images/links/image2.png" alt="image 2" width="160"/>
        <img src="/images/links/image3.png" alt="image 3" width="160"/>
    </div>
</div>

最佳答案

很抱歉造成延迟，这是您的Work in progress fiddle。我还没有为您添加文本功能，因为我还有其他工作。但是我会尽快做到这一点。

同时，这应该可以让您如愿以偿。

    $('#rightBlock').on('click', '.image', function(e) {
  $('.YourPic').children('img').attr('src', $(e.target).attr('src'));
 });

本质上，它将查看您的righBlock div及其中的图像，然后单击将它们添加到具有"YourPic"类的另一个div中。

编辑：
嘿，所以这是更新的fiddle，它隐藏了右侧的图像。我不确定这是否是最有效的方法，但这就是我所采用的方法。