Javascript 使用两个不同的按钮在同一位置切换两个div

我有一个新问题要问你们。我想做一个页面，看起来像下面的img。这就是我想让它工作的方式：我点击两个按钮中的一个，然后在与前一个完全相同的位置将问题/陈述更改为新的，而按钮保持不变（不会弄乱结构）。我尝试了stackoverflow的一些方法，但无法使其工作

谢谢你的帮助

我的代码看起来像这样。到目前为止，我得到的是：

<div class="row" id="pic">
    <div class="large-12 columns">
    <div  align="center">
      <img src="justin2.png"/>
    </div>
    </div>
  </div>
 <div class="row">
 <div class="large-12 columns">
 <div class="question1"><h1 >This is a german shepherd.</h1></div>
 <div class="question2"><h1 >This is rottweiler.</h1></div>
 <div  align="center" >
 <a href="#" id="True" class="button success" >True</a>
 <a href="#" id="False" class="button alert" >False</a></div>

这是一只德国牧羊犬。
这是罗威纳。

您可以使用

相对位置将所有问题包装在一个分区中，并将问题位置更改为绝对位置。

因为您可以很好地理解这一点，所以我在
jsfiddle
中编写并实现了它

请展示您尝试过的内容。许多人说，当他们真正期望的是让别人为他们做工作时，他们尝试过。显示你的努力有很大的帮助，你的问题<代码> div <代码>有静态的高度吗？我想我曾经尝试过这个类：“面板”和我使用Zurb基金会，所以我认为它是预定义的，但可能不是。我尝试了一个方法：MyScript。JS看起来像这个$（‘y'Twitter’）。点击（函数）{$$（'SytPix> ToGLMeMe）.toggle（）；$（this）.text（函数（i，txt）{return txt==“Show viewB”？“Show viewA”：“Show viewB”；}）；}）；我给这些DIV命名如下：DIV A DIV B​ ​  css文件显示中的divB:none我试图使用这个示例，但没有成功。你所说的
是什么意思，而没有弄乱结构？您能
slideUp
当前活动div和
slideDown
下一个吗？您的按钮将向上移动一秒钟。那可以接受吗？谢谢你，先生，你让我高兴极了！