javascript - トグル機能が動作しない

Question

以下は、トグルに使用していたコードです。

function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

私のコンピューターでは問題なく動作します。しかし、.asp ページを呼び出すサーバー側で使用すると、機能しません。.live() ハンドラーを使用する必要があることはわかっています。jquery slidetoggle で試してみました。しかし、それは機能していません。以下はhtmlコードです

<div class="issue_button">
<a align="center" href="#" onclick="toggle_visibility('dropdown1');">Link</a></div>
<div id="dropdown1"> <p>Some text</p> </div>

私は何か間違ったことをしていますか？率直に言って、ライブ ハンドラーでコードを記述する方法がわかりません。

Answer 1

あなたはjQueryを使用できると言ったので、この代替コードを提案します

function toggle_visibility(id) {
    $('#' + id).toggle();
}

Answer 2

トグルのjqueryソリューションは次のとおりです。

    <div class="issue_button">
        <a align="center" href="#">Link</a>
    </div>
    <div id="dropdown1"> <p>Some text</p> </div>

$(function () {
    $(".issue_button a").click(function () {
        $("#dropdown1").slideToggle();
    });        
});​

</p>

http://jsfiddle.net/aJFSy/1/

アップデート

Live は 1.7 以降非推奨になっているため、使用しません。

デリゲート - http://api.jquery.com/delegate/ http://jsfiddle.net/aJFSy/2/

また

http://api.jquery.com/on/ で

Answer 3

試す：

function toggle_visibility(id) { 
  var e = document.getElementById(id); 
  if(e.style.display == 'block'){
    e.style.display = 'none'; 
  }else{ 
    e.style.display = 'block';
  }
}