2012-02-10 8 views
0

私は単純なJavaスクリプトを使ってWebページの折りたたみボックスを作成しています。リンクをクリックすると、テキストの下にボックスが表示されます。それはchromeとfirefoxだけでなく、IE8.06の私自身のバージョンでうまく動作します。しかし、以前のバージョンでテストされた場合、リンクはクリックされると完全に消えます。ここではJavaスクリプトさ:IE8でクリックするとJavaスクリプトのリンクが消える

<script type="text/javascript"> 
    function tw_toggle(div_id) { 
     style = document.getElementById(div_id).style; 
     if (style.display == "none") { 
      style.display = ""; 
     } else { 
      style.display = "none"; 
     } 
    } 
</script> 

はここで実装したものです:

<li><a name="fb104" href="#fb104" onClick="tw_toggle('fb104');" style="cursor: 
    pointer;">WS114: Probability Theory and Statistics</a> 
<span class="foldbox_content" id="fb104" style="display: none;">    
<br/> 
<p>Visit the <a class="reference external" href="/courses/WS114">course homepage</a>. 
</p> </span></li> 

誰かが、おそらくここで間違って行くことができるか知っていますか?

+0

アンカーは、「」要素の子です。 ''が隠れていると、あなたのアンカーもうまくいく。 –

答えて

1

アンカー名の属性を削除します。

<li><a href="#fb104" onClick="tw_toggle('fb104');" style="cursor: pointer;">WS114: Probability Theory and Statistics</a> 

IEは、アンカーと同じIDを持つスパンで混乱します。

+0

ありがとうcyphr。出来た :) – Fine

関連する問題