Tabbed Forms Using Html, Css, Js

I've been playing around with some ideas I've been searching for, and I came across this: http://jsfiddle.net/RcrCJ/ original html

<

Solution 1:

You have an error in jQuery selector:

$( '#info #job_costs #job_assignment' ).hide();

To hide several elements you need to put comma in between selectors like this:

$( '#info, #job_costs, #job_assignment' ).hide();

Solution in your case: you just need to hide two of the tabs so that one would be visible at the beginning. This is what you need to use in your code:

$( '#job_costs, #job_assignment' ).hide();

There is some room for improvement here but this will work. Here is updated fiddle

Share