How to Toggle a div’s visibility by using a button click

by

To switch the display-style between block and none you can do something like this:

function toggleDiv(id) {
    var div = document.getElementById(id);
    div.style.display = div.style.display == "none" ? "block" : "none";
}

working demo: http://jsfiddle.net/BQUyT/2/

More Related Contents:

  1. Why my show hide button needs double-click on first time
  2. Difference between jQuery’s .hide() and setting CSS to display: none
  3. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  4. Input type="text" with select functionality after clicking on Input type="text"
  5. How to force browser to show image 3 inches wide?
  6. Syntax Higlighter For Site [closed]
  7. how i can connect and login in mysql localhost in php by using this html code
  8. Full-screen iframe with a height of 100%
  9. Can I use HTML tags in the options for select elements? [duplicate]
  10. How To Get Font Size in HTML
  11. Cache busting via params
  12. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  13. How to update placeholder color using Javascript?
  14. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  15. Have a div cling to top of screen if scrolled down past it [duplicate]
  16. Highcharts – issue about full chart width
  17. Trigger CSS Animations in JavaScript
  18. Dynamically change the size of the font size based on text length
  19. Why does querySelector only select the first element and how can I fix this?
  20. Detect browser wrapped lines via javascript
  21. Multiple read more / read less sections are not working on a page
  22. Extracting text from a contentEditable div
  23. How to create a collapsing tree table in html/css/js?
  24. How to remove jQuery Mobile styling?
  25. Placeholder for contenteditable div
  26. Setting the height of a DIV dynamically
  27. assign color to mouse cursor using CSS
  28. Center an Image vertically and horizontally using CSS
  29. Change background on button click, using CSS only? [duplicate]
  30. Jquery/Javascript Opacity animation with scroll

Leave a Comment