SnippetGood

Question

1

I thought I would share this snippet that I use to show and hide divs. Does anyone have any improvements?

function toggle(obj) {
    var el = document.getElementById(obj);
    if ( el.style.display != 'none' ) {
    	el.style.display = 'none';
    }
    else {
    	el.style.display = 'block';
    }
}

edited Oct 3 at 3:59

Snipper♦♦
189●7

asked Oct 2 at 22:33

Tillimook
59●6

Greg · Accepted Answer · 2009-10-03 03:23:42Z UTC

If you're attaching this to a button action then you could try some code like this:

$("button").click(function () {
    $("p").toggle();
});

You just need to have the jquery include, which you can pull right from google

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

and a $(function() { }); around it :)

Read about jquery here: http://jquery.com/

and the toggle function here: http://docs.jquery.com/Effects/toggle

How do I toggle a div in javascript? (show/hide)

1 Answer