how to toggle multiple divs jquery

Setup, I have a bootstrap page with two areas a left and a right side.
What I am trying to accomplish is as you are reading a text on the left you have a form on the right side.
there are many steps. so on the left at the end of the text you click a next button. That hides the current div area on the left and the right and shows a new dive area on the left and right side.
    <div class="row">
        <!-- Left Area (Script) -->
        <div class="col-md-6">
            <div id="step1s" class='show'>
                <p>Script Step 1
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel lobortis leo, quis gravida risus. Suspendisse hendrerit eros vel molestie luctus. Aliquam pretium nec dolor a ullamcorper. Praesent lorem turpis, feugiat a purus at, placerat sollicitudin odio. Vestibulum et tristique ante. Praesent quis sollicitudin diam. Praesent nec lectus sed felis tincidunt pellentesque. Donec facilisis risus ipsum, vitae imperdiet sem sodales eu. Fusce diam mi, sagittis vel orci in, facilisis sagittis quam</p>
                <button id="button1" class="btn btn-primary pull-right">Next</button>
                </div>
            <div id="step2s" class='hidden'>
                <p>Script Step 2
                    Quisque vel rhoncus dolor, eu iaculis erat. Etiam eleifend nisl et nibh commodo tempor. Nunc in magna at tortor tempor posuere dictum interdum ipsum. Maecenas velit nisl, malesuada non venenatis ut, accumsan vitae enim. Pellentesque posuere euismod ligula et gravida. Aliquam vitae feugiat libero. Proin felis augue, suscipit vel neque non, lobortis posuere turpis. Donec consequat, ligula nec tempor cursus, mi urna sollicitudin ante, ac fringilla felis nisl at nulla. Pellentesque vehicula gravida mi et porttitor. Morbi tellus felis, varius non nunc vel, posuere venenatis odio. Phasellus blandit tempus luctus. Donec aliquet ante eu tincidunt pharetra. Proin nec neque in ligula efficitur gravida a ac erat. Vestibulum nisi urna, posuere ut aliquam vel, efficitur at elit. Morbi nec gravida massa, fermentum feugiat nisl. Fusce placerat ornare mollis.</p>

            </div>
            <div id="step3s" class='hidden'>
                <p> Script Step 3</p>
            </div>
            <div id="step4s" class='hidden'>
                <p>Script Step 4</p>

            </div>
            <div id="step5s" class='hidden'>
                <p>Script Step 5</p>

            </div>
            <div id="step6s" class='hidden'>
                <p>Script Step 6</p>

            </div>

        </div><!-- / End Left -->


        <!-- Right Area (Form) -->
        <div class="col-md-6">
            <div id="step1f" class=''>
                <p>Form Step 1</p>
            </div>
            <div id="step2f" class='hidden'>
                <p>Form Step 2</p>
            </div>
            <div id="step3f" class='hidden'>
                <p>Form Step 3</p>
            </div>
            <div id="step4f" class='hidden'>
                <p>Form Step 4</p>
            </div>
            <div id="step5f" class='hidden'>
                <p>Form Step 5</p>
            </div>
            <div id="step6f" class='hidden'>
                <p>Form Step 6</p>
            </div>

        </div><!-- / End Right -->
    </div>

Open in new window


How do I accomplish this with jquery?
austinfxAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Tom BeckCommented:
Have a look at this jsfiddle.

http://jsfiddle.net/9g56ghfu/

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.