<input type="button" id="btn1" style="font-weight: bold;" onclick="document.getElementById('btn1').style.fontWeight='bold';document.getElementById('elem1').style.display='block';document.getElementById('elem2').style.display='none';" value="Кнопка1"> <input type="button" id="btn2" onclick="document.getElementById('btn2').style.fontWeight='bold';document.getElementById('elem2').style.display='block';document.getElementById('elem1').style.display='none';" value="Кнопка2">
<div id="elem1">ляляля</div>
<div id="elem2" style="display:none;">тратара</div>

<input type="submit" onclick="return chg('old')" value="Кнопка1">
<input type="submit" onclick="return chg('new')" value="Кнопка2">
<div id="content">Это будет индексироваться</div>

<script>
var save;
function chg (cmd) {
  var c=document.getElementById('content');
  if (cmd=='new') {
    save=c.innerHTML; // сохраняем то что было
    c.innerHTML='<p>любой HTML код</p>'; // новое содержание в div
  }
  if (cmd=='old') {
    c.innerHTML=save; // восстанавливаем в div то что было
  }
  return false;
}
</script>

<a href="#" onclick="return chg('old')" id="b1">Кнопка1</a>
<a href="#" onclick="return chg('new')" id="b2">Кнопка2</a>
<div id="content">Это будет индексироваться</div>

<script>
var save=false;
function chg (cmd, link) {
  var c=document.getElementById('content');
  var b1=document.getElementById('b1');
  var b2=document.getElementById('b2');
  if (cmd=='new' && save==false) {
    save=c.innerHTML; // сохраняем то что было
    c.innerHTML='<p>любой HTML код</p>'; // новое содержание в div
    b1.style.color='silver';
    b2.style.color='blue';
  }
  if (cmd=='old' && save!=false) {
    c.innerHTML=save; // восстанавливаем в div то что было
    save=false;
    b1.style.color='blue';
    b2.style.color='silver';
  }
  return false;
}
</script>