Alex

<div class="block50">
     <input type="checkbox" name="check1" value="1" class="inputradio" onclick="go()"/> <p>Я врач.</p> 
    
    </div>

<div class="block83" id="check" style="display:none;">
      <p1>Выбери специальность:</p1><br />
    <input type="radio" value="Chirurg" name="countries[]" class="inputradio123"> <p>Хирург.</p> <br/>
    <input type="radio" value="Neurolog" name="countries[]" class="inputradio123">  <p>Невролог.</p> <br/>
    <input type="radio" value="Psycholog" name="countries[]" class="inputradio123"> <p>Психолог.</p> <br/>
    <input type="radio" value="Terapeuta" name="countries[]" class="inputradio123">  <p>Терапевт.</p> <br/>
    
    </div>

<script>
function go()
{
  $('#check').css('display,'block');
}
</script>

Можно реализовать картинками, на пример svg формата.

Просто в кратце описываешь элемент и добавляешь префикс.
На пример et_input, et_data, et_button, et_avatar