addEventListener(显示/隐藏)

时间:2014-11-15 22:05:23

标签: javascript html5 toggle getelementbyid addeventlistener

我想用按钮切换以显示和隐藏标签(div)。所以,buttom(toggle) - > div(显示/隐藏)。

    window.onload = function(){
      var button = document.getElementById('button');     
    function show(event){
      event.target.classList.toggle('hide');
    }       
      button.addEventListener('click', show, false);     
    }

因为在jQuery中是这样的:

$(document).ready(function(){

  $( "#button" ).click(function(){
  $( "div" ).toggle( "slow" );
   });

});

但是在JavaScript中?

1 个答案:

答案 0 :(得分:1)

我不完全理解你的问题,但我怀疑你的问题是针对应隐藏或显示的div。

使用jQuery执行此操作:

HTML

<button class="toggle">Toggle</button>
<div class="text">Hello</div>

的Javascript

$(document).ready(function(){
    $("button.toggle").click(function(){
        $("text").toggle();
    });
}