Javascript 用jquery替换div

我想使用

a href

链接和jquery将1个div替换为另一个div。这是我的设置

<div id="parent">
<div class="child1">Child 1 Contents</div>
<div class="child2">Child 2 Contents</div>
</div>
<div id="replacepagelinks">
     <a href="#1">Replace Child 1 with Child 2</a>
     <a href="#2">Replace Child 2 with Child 1</a>
</div>

儿童1内容
儿童2内容

---

有人知道如何使用jquery实现这一点吗？我还希望

在选中时消失，如果可能的话出现

，反之亦然？

如果要基于单击的元素隐藏内容，可以尝试以下操作：

$(document).ready(function(){
   $('#replacepagelinks a').click(function(){
       $(this).hide().siblings().show()
       var w = this.hash.replace('#', '');
       $('#parent div.child'+w).show().siblings().hide()
   })
})

---

是的，这是很有可能的，但是你有没有试过的代码？从CSS开始，只显示初始内容和初始链接。然后单击链接，隐藏可见内容，显示其他内容，隐藏活动链接并显示其他链接。完成。试试看！您可以为首字母添加CSSview@devnull69是的，当然一开始有些元素应该隐藏，我把这部分留给了OP。@user1736794嗨，你还没有在JSFIDLE上使用DOMReady，我用hash替换了href，你是受欢迎的。还有一件事：）如何隐藏child2和#2，以便最初仅显示child1和#1@没有定义的美丽。这正是我想要的。多谢各位@未定义