javascriptをつかったﾃｰﾌﾞﾙのﾌﾚｰﾑ構成で再度ながらご教示ください｡ ↑のいいかたでいいかもよく分からないのですが･･おかげさまで､大変お世話になりながら…

javascriptをつかったﾃｰﾌﾞﾙのﾌﾚｰﾑ構成で再度ながらご教示ください｡

↑のいいかたでいいかもよく分からないのですが･･

おかげさまで､大変お世話になりながら m(_ _)m
この初心者の私でもなんとか･･･
ちゃくちゃくとﾎｰﾑﾍﾟｰｼﾞ作成はすすめているのですが･･･
皆様には大変感謝しております｡m(_ _)m

http://q.hatena.ne.jp/1368055717 のつづきになるのですが､
つづきの質問をご勘弁ください｡

http://jsfiddle.net/a_kuma3/MbDTy/3/embedded/result/
をｻﾝﾌﾟﾙに左のABCのﾘﾝｸを複数つくると
たとえば左のﾘﾝｸに

ABC
EFG
HIJ

と↑のようにつくった場合､最初のﾅﾋﾞｹﾞｰｼｮﾝで
EFG のﾘﾝｸをつつくと右側のﾃｰﾌﾞﾙの中に
HTMLは表示されず､新しいｳｨﾝﾄﾞｳで開いてしまいます｡
これを最初のﾅﾋﾞｹﾞｰｼｮﾝでABCのﾘﾝｸをつつくと
右側のﾃｰﾌﾞﾙの中にHTMLが表示され､そのあとはEFGの
ﾘﾝｸをつついても右側のﾃｰﾌﾞﾙの中に無事にHTMLが
表示されます｡

当方Windows7 IE9 Firefox20.0.1で確認しております｡
大変お手数かけますが､よろしくお願いします｡

このいいかたでわかりますでしょうか････

jsFiddle のｻﾝﾌﾟﾙを更新してみました｡
http://jsfiddle.net/a_kuma3/MbDTy/4/embedded/result/

ﾘﾝｸの id 属性を､class 属性に変えました
ﾌﾚｰﾑを作る処理は､class 属性を目印にします
ﾌﾚｰﾑの存在ﾁｪｯｸをし､無かった場合だけ作るようにしました

ｿｰｽの抜粋がこちらです｡

<script>
$(function() {
 // ★ｾﾚｸﾀを id 指定から､class 指定に変えます
 $(".anchor").click(function() {
 // ★ﾌﾚｰﾑの存在ﾁｪｯｸをし､無かった場合だけﾌﾚｰﾑを作るようにします
 if ($(".display").length == 0) {
 var s = "<iframe name='display' class='display'></iframe>";
 $("#area").html(s);
 }
 });
});
</script>

<td bgcolor="#ffffff" valign="top">
 <!-- ★id 属性を class 属性に変えました -->
 ･<a href="http://www.yahoo.co.jp/" target="display" class="anchor">ABC</a><br>
 <!-- ★ﾘﾝｸを増やします｡最初のﾘﾝｸと同じ class 属性を付けます -->
 ･<a href="http://www.goo.ne.jp/" target="display" class="anchor">DEF</a><br>
 ･<a href="http://q.hatena.ne.jp/" target="display" class="anchor">HIJ</a><br>
</td>

ご回答大変ありがとうございます｡m(_ _)m
いま帰ってきて見させていただきました｡大変感謝しています｡
あとで､ちょっとやってみます｡自分には､ｺﾋﾟﾍﾟしかできませんが･･
また､なにかあればｺﾒﾝﾄに記載させていただければと思います｡