JQuery: Lazy Load Tabs in HTML

IN PROGRESS
Bids
20
Avg Bid (USD)
$42
Project Budget (USD)
$30 - $250

Project Description:
Hello!


I have a functioning HTML/JS/Jquery setup which allows for the end user to click on a tab to show the contents of the tab. This works perfectly.




Currently, even though the user can only see one tab at a time, all of the content in all of the tabs load upon the page loading. I want the tabs to load as they are viewed.

For example, when you load the page, only "Tab 1" should load. "Tab 2" and "Tab 3" should not load until they are clicked on.


I am currently using the "Net" Tab of Firefox's firebug add-on to test and see what is being loaded.


Note: This project will most likely not need AJAX. I would prefer if you can find a solution that works using the existing setup of HTML/JS/Jquery. All of the content will be called from the same page and is not available in a database or anything. The content in the tabs can be anything (HTML, Videos, Images, Text, etc).



The final product needs to support all major browsers (IE, Chrome, Safari, FF, Etc).





I have attached my sample html file for you to see.


The budget for this project is not huge; hopefully, you can bid reasonably.

I look forward to working with you for this project and many future projects to come!

Skills required:
HTML, Javascript, jQuery / Prototype, PHP, Website Design
Additional Files: tabstest.html
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 30
in 0 days
$ 30
in 1 days
Hire DrTech76
$ 30
in 0 days
Hire sscreations
$ 30
in 1 days
$ 30
in 1 days
Hire Satsume
$ 55
in 1 days
$ 30
in 1 days
Hire Solent
$ 30
in 0 days
$ 35
in 1 days
Hire dwalunj
$ 30
in 1 days