0

それぞれ異なるIDを持つ3つのリンクされた画像があります。対応する画像 ID を参照する 3 つの div もあります。ページで toggleMe スクリプトを有効にしましたが、動作します。私の問題は、コンテンツを折りたたんだり展開したりするためにリンクを再度クリックする必要がないように、このスクリプトを変更するにはどうすればよいですか? たとえば... 画像 A をクリックすると、画像 A のコンテンツが展開されます。次に、画像 B をクリックすると、画像 A のコンテンツが折りたたまれ、画像 A を再度クリックしなくても画像 B が展開されます。または、イメージ CI をクリックすると、前のコンテンツが折りたたまれ、イメージ C の新しいコンテンツが展開されます。

<script type="text/javascript">
function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}
</script>
4

2 に答える 2

1
<script type="text/javascript">
function toggleMe(a){
  var allIds = ['one', 'two', 'three']; // store all of involved ids here
  var e=document.getElementById(a);
  if(!e)return true;
  for (var i = 0; i < allIds.length; i++) {
    if (allIds[i] != a) {
      document.getElementById(allIds[i]).style.display="none";
    }
  }
  if(e.style.display=="none") e.style.display="block";
  return true;
}
</script>
于 2013-04-22T03:26:49.113 に答える