jQuery: Toggle is not working, help??

Question

Hello there, I am using the toggle function from jQuery and for some reason is not working, this is what I have:

    $(document).ready(function(){

            var flip = 1;
            $("#tg1").click(function () {
            $("#tg1-contenido").toggle( flip++ % 2 == 0 );
            });​
}

I don't know what I am doing wrong, any help would be greatly appreciated. Thanks!

Answer 1

It looks like you want every other click to toggle it's visibility, in which case you can just use .toggle() without parameters, like this:

$("#tg1").click(function () {
  $("#tg1-contenido").toggle();
});

This will hide it if it's shown, and show it if it's hidden.

Also, I'm assuming your code got cut off, but make sure you're closing your document.ready wrapper correctly, that last line with only } should be a });.