{{ block title }}
    Abschlussfragen (Seite 1/8)
{{ endblock }}
{{ block content }}
<form>
    <p>
       1. Haben Sie zuvor schon einmal an einem Experiment teilgenommen?

    </p>
<div>
    <input type="radio" name="q1Yes" id="q1Yes" class="q1No">
           <label for="css">Ja</label>

<input type="radio" name="q1Yes" id="q1No" class="q1No">
       <label for="css">Nein</label>

{{ formfield_errors 'q1Yes' }}
</div>
    <br>
<p>2. War die Aufgabenstellung verständlich?

</p>
<input type="radio" name="q2Yes" id="q2Yes" class="q2Yes">
           <label for="css">Ja</label>

<input type="radio" name="q2Yes" id="q2No" class="q2No">
       <label for="css">Nein</label>

{{ formfield_errors 'q2Yes' }}
<br>
 <fieldset class="answer1">
       <label for="answer1">Wenn nein, was war nicht verständlich? </label>
       <input type="text" name="answer1" id="answer1"/>
   </fieldset>
<p>
<p>
    3. Empfanden Sie die Instruktionen als gut verständlich?

</p>
    <div>
        <input type="radio" name="q3Yes" id="q3Yes" class="q3Yes">
           <label for="css">Ja</label>

<input type="radio" name="q3Yes" id="q3No" class="q3No">
       <label for="css">Nein</label>
{{ formfield_errors 'q3Yes' }}
    </div>
    <fieldset class="answer2">
       <label for="answer2">Wenn nein, was war nicht verständlich?  </label>
       <input type="text" name="answer2" id="answer2"/>
   </fieldset>
    </form>
<br>
<div>
<button class="btn btn-primary">
    Weiter
</button>
</div>
</p>
    <script>

    $(".answer1").hide();
    $(".q2Yes").click(function() {
    if($(this).is(":checked")) {
        $(".answer1").hide();
    }

});
    $(".q2No").click(function() {
    if($(this).is(":checked")) {
        $(".answer1").show();
    }

});

    $(".answer2").hide();
    $(".q3Yes").click(function() {
    if($(this).is(":checked")) {
        $(".answer2").hide();
    }

});
    $(".q3No").click(function() {
    if($(this).is(":checked")) {
        $(".answer2").show();
    }

});
</script>
{{ endblock }}