addEventListener (show/hide)

Question

我想通过一个按钮来切换显示和隐藏一个标签(div)。因此，按钮(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中呢？

- supportsp

---

你是想做这个吗？http://jsfiddle.net/a9hopcqm/ - dfsq

Answer 1

我不完全理解你的问题，但我怀疑你遇到的麻烦是针对应该隐藏或显示的div。

使用jQuery实现：

HTML

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

Javascript

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

- Random Hunter

---

你知道JavaScript，因为有jQuery，一切都更容易了，谢谢。 - supportsp