Excellent post, very useful.

Is there a way to start off the page with the boxes being hidden by default? And then shown only when user clicks on the title?

I only need to show/hide multiple div layers. I do NOT need any content in it. (PHP) I am not a pro. Which code do I have to remove?

Thanks!
nick

Implementing this kind of solution would require slight changes in this code. You can use a quick solution by putting all divs in a wrapper and execute .toggle() method on its id or class. This would show and hide all the elements inside of it. I hope this helps.

Still relatively new to jQuery, and finding the syntax a bit confusing..

Thanks for your help… tutorial is very helpful.

In the $.getJSON line. You need to specify a file, which in this case is a PHP file.

To assure consistency with other browsers than FF (IE) you can add a random parameter to the file to make it unique and avoid caching.

It will look more or less like that:

var rand = ‘?random=’ + Math.random();
$.getJSON(‘json.php’ + rand, { id: id }, function(d) {
//other stuff
});