Javascript and hiding elements

Hello, could anyone help me to hide/show elements using javascript/jquery? You can see three questions, but I want to see only one question, click on next, see the second question, click next, see the last question. Thank you very much.


<form method="POST" name="myquiz">

    <div class="gheader">
        1)Variables declared outside a function, become </div>
    <div class="gselections">
        <label><input type="radio" value="a" name="question1">a) International variables</label><br>
        <label><input type="radio" value="b" name="question1"> b) Universal variables </label><br>
        <label><input type="radio" value="c" name="question1"> c) Global variables </label><br>
        <label> <input type="radio" value="d" name="question1"> d) Local variables </label><br>
    </div>    <br>
    <div class="gheader">
        2)If you add a number and a string, the result will be? </div>
    <div class="gselections">

        <label><input type="radio" value="a" name="question2"> a) Number</label><br>
        <label> <input type="radio" value="b" name="question2"> b) Error</label><br>
        <label><input type="radio" value="c" name="question2"> c) String + number </label><br>
        <label> <input type="radio" value="d" name="question2"> d) String</label><br>


    <div class="gheader">
        3) In JavaScript, different kinds of Loop are</div>
    <div class="gselections">
        <label> <input type="radio" value="a" name="question3">a) for</label><br>
        <label> <input type="radio" value="b" name="question3"> b) for/in </label><br>
        <label> <input type="radio" value="c" name="question3"> c) while</label><br>
        <label> <input type="radio" value="d" name="question3"> d) for/out </label><br>
    <input type="button" value="Grade Me!" name="B1" onClick="gradeit()"> <input type="button" value="Reset" name="B2" onClick="document.myquiz.reset()"></div>