I'm new to JavaScript and hope somebody can help me with the following.

I'd like to create some tabs with one active tab. Now the problem is I don't want to load all tabs at once, but only load the content of the active tab, the first tab by default and the content of the other tabs stored in a database.

I thought this would be possible with JavaScript and/or Ajax (however I'm new to this matter) but I only can find tutorials where all content of all tabs is loaded at once like the following:


I hope somebody understand what I mean and can help me with this.

Thanks in advance!