通过sidemenu切换div

Question

我对这个很陌生并为标题感到抱歉，我不知道还有什么可以称之为。

我正在尝试在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>

Answer 1

很抱歉延迟，这是Work in progress fiddle给你的。我还没有为你添加文本功能，因为我有其他工作。但我会尽快这样做。

这应该会让你在此期间继续前进。

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

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

类的div中

修改 嘿，所以这里是更新的fiddle，它隐藏了右边的图像。我不确定这是否是最有效/最有效的方式，但这就是我接触它的方式。