Preview:
      <div class="quiz-block" id="quiz-block">
        <div class="quiz-item active">
          <h2>Scopri se sei infetto/a da parassiti! </h2>
          <a class="btn-main no-scroll" id="show-test">Avviare il test </a>
        </div>
        <div class="quiz-item quiz-item-first">
          <p>Quanti anni hai? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="age"> Fino a 25 anni </label>
            <label><input type="radio" name="age"> Da 25 a 45 anni </label>
            <label><input type="radio" name="age"> Più di 45 anni </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Sei maschio o femmina? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sex"> Maschio </label>
            <label><input type="radio" name="sex"> Femmina </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Soffri di insonnia o di altri problemi legati al sonno? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Sì </label>
            <label><input type="radio" name="sleep"> No </label>
            <label><input type="radio" name="sleep"> A volte </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Con quale frequenza hai disturbi gastrointestinali (gonfiore, diarrea, costipazione)? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Frequentemente </label>
            <label><input type="radio" name="sleep"> Raramente </label>
            <label><input type="radio" name="sleep"> Mai </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Hai papillomi sul corpo? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="mole"> Molti </label>
            <label><input type="radio" name="mole"> Sì, ma pochi </label>
            <label><input type="radio" name="mole"> No </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Con quale frequenza soffri di mal di testa? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Almeno una volta alla settimana </label>
            <label><input type="radio" name="sleep"> Meno di una volta alla settimana </label>
            <label><input type="radio" name="sleep"> Molto raramente o mai </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Ti fanno male le articolazioni? (I parassiti rilasciano tossine che avvelenano i tessuti delle
            articolazioni).</p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Spesso </label>
            <label><input type="radio" name="sleep"> Raramente </label>
            <label><input type="radio" name="sleep"> Mai </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Con quale frequenza hai il raffreddore? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Ogni mese </label>
            <label><input type="radio" name="sleep"> Una volta ogni 3-6 mesi </label>
            <label><input type="radio" name="sleep"> 1 volta all'anno o meno </label>
          </div>
          <a class="btn-main-2 no-scroll">Altro</a>
        </div>
        <div class="quiz-item">
          <p>Hai notato l'alito cattivo? </p>
          <div class="quiz-answer">
            <label><input type="radio" name="sleep"> Frequentemente </label>
            <label><input type="radio" name="sleep"> Raramente </label>
            <label><input type="radio" name="sleep"> Mai </label>
          </div>
          <a class="btn-main-2 last-click no-scroll">Ottenere i risultati </a>
        </div>
        <div class="result-block">
          <p style="line-height: 20px;">ATTENZIONE! <br><br> La probabilità di un'invasione parassitaria nel tuo caso è
            del 92%. <br><br> Il rischio di sviluppare complicazioni gravi nei mesi successivi è dell'80%! <br><br> È
            importante sottoporsi a una pulizia completa dai parassiti, ma solo con l'aiuto di un rimedio naturale. Il
            carico tossico dell'organismo è a un livello critico, tanto che l'assunzione aggiuntiva di antiparassitari
            chimici può peggiorare la situazione. </p>
        </div>
      </div>
          
                <script>
        $("#show-test").click(function () {
          $(".quiz-item-first").css("display", "block");
          $(".quiz-item.active").css("display", "none");
        });

        $(".btn-main-2").click(function () {
          $(".btn-main-2").css("background", "blue");
          var selectedOption = $(this).closest(".quiz-item").find("input:checked");
          if (selectedOption.length === 0) {
            $(".btn-main-2").css("background", "red");
            return;
          }

          $(this).closest(".quiz-item").hide();
          $(this).closest(".quiz-item").next(".quiz-item").show();
        });

        $(".last-click").click(function () {
          $(".result-block").css("display", "block");
        });
      </script>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter