0

新しいページで作業しています。モバイルバージョンでは、ナビゲーションを非表示にしたり表示したりするために、ナビゲーションを切り替えます。

HTMLコード：

<div id="toogleNavigation">
    <a onclick="toggle_visibility('nav_header','nav_header_level2');">Navigation Einblenden</a>
</div>

Javascriptコード：

function toggle_visibility(id, id2) {
    var e = document.getElementById(id);
    var f = document.getElementById(id2);
    if(e.style.display == 'block' || 
       e.style.display == 'block' && 
       f.style.display == 'block') {
        e.style.display = 'none';
        f.style.display = 'none';
        document.getElementById('toogleNavigation').innerHTML = "Navigation 1einblenden";
    } else {
        e.style.display = 'block';
        f.style.display = 'block';
        document.getElementById('toogleNavigation').innerHTML = "Navigation 2ausblenden";
    }
}

私は試してみました：

document.getElementById('toogleNavigation').innerHTML = "Navigation 2ausblenden";

リンクを押したときにテキスト「NavigationEinblenden」のテキストを変更しますが、これは機能しません...誰かがアイデアを持っていますか？

4

2 に答える 2

2

IDをdivからaに移動しました。

jsbinhttp://jsbin.com/eqeheb/5/watchで動作することを確認してください

<div> <a id="toogleNavigation" onclick="toggle_visibility('nav_header','nav_header_level2');">Navigation Einblenden</a> </div>

于 2012-12-18T08:50:20.197 に答える
0

このように変更してください....
HTMLコード

<div id="toogleNavigation">
    <a id="divInner" onclick="toggle_visibility('nav_header','nav_header_level2');">
        Navigation Einblenden
    </a>
</div>

そして JavaScriptコード

function toggle_visibility(id, id2) {
   var e = document.getElementById(id);
   var f = document.getElementById(id2);
   if(e.style.display == 'block' ||
      ( e.style.display == 'block' &&            
      f.style.display == 'block' ) ) {
        e.style.display = 'none';
        f.style.display = 'none';
        document.getElementById('divInner').innerHTML = "Navigation  1einblenden";
      } 
      else {
        e.style.display = 'block';
        f.style.display = 'block';
        document.getElementById('divInner').innerHTML = "Navigation 2ausblenden";
      }
}

これは、その作業のためにあなたのために働くでしょう

于 2012-12-18T08:52:13.627 に答える