Debe escribir una función que 'muestre' la parte correspondiente del formulario dependiendo de lo que el usuario haya seleccionado. Por ejemplo, si se selecciona 'Pizza', se debe mostrar la div # sección2 con la pregunta sobre el tipo de pizza.

Esto es parte del código html.

<code><form id="survey" action="#" method="post">

<div id="section1">
    <label for="food">What is your favourite type of food?</label>
    <select id="food" onchange="selection()">
        <option value="pizza">Pizza</option>
        <option value="mex">Mexican</option>
        <option value="thai">Thai</option>
    </select>
</div>
<div id="section2">
    What is your favourite type of pizza?<br>
    <label for="hawaiian">Hawaiian</label><input type="radio" id="hawaiian">
    <label for="supreme">Supreme</label><input type="radio" id="supreme">
    <label for="vegetarian">Vegetarian</label><input type="radio" id="vegetarian">
</div>
</code>

¿Cómo escribiría una función javascript para que cuando haga clic en la opción pizza, se muestre la sección 2? Soy un novato en javascript completo, así que cualquier ayuda sería genial.