Использование popovers для планшета

Question

Я разрабатываю страницу, которая будет использоваться для планшета, это веб-приложение. У меня есть несколько вопросов в приложении, каждый вопрос имеет 3 ответа A, B или C. Я хочу показать инструкцию над каждым ответом, если он выбран. До сих пор я использовал всплывающую подсказку, но когда я тестирую его на планшете, для этого требуется два щелчка, чтобы показать инструкцию, а другой - выбрать ответ. Могу ли я сделать это одним щелчком мыши, и вы можете работать?

Вот два из вопросов

<tr> 
     <td class="form-group col-md-6">Is there an indication for the drug?</td> 

     <td id="Indication" class="form-group col-md-6"> 




      <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Indicated"><input type="radio" name="indication" id="a1" value="0" <?php echo $a1; ?> required>A</input></p> 
      <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Marginally Indicated"><input type="radio" name="indication" id="a2" value="0" <?php echo $a2; ?> required>B</input></p> 
      <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Not Indicated"><input type="radio" name="indication" id="a3" value="5" <?php echo $a3; ?> required>C</input></p> 

     </td> 
     </tr> 

     <tr> 
     <td class="form-group col-md-6">Is the medication effective for the condition?</td> 
     <td id="Effectiveness" class="form-group col-md-6"> 
      <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Effective"><input type="radio" name="effective" id="b1" value="0" <?php echo $b1; ?> required>A</input></p> 
      <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Marginally Effective"><input type="radio" name="effective" id="b2" value="0" <?php echo $b2; ?> required>B</input></p> 
      <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Ineffective"><input type="radio" name="effective" id="b3" value="3" <?php echo $b3; ?> required>C</input></p> 
     </td> 
     </tr> 

Answer 1

я использовал следующий код, чтобы обеспечить всплывающую подсказку, но таким образом, чтобы не прерывать пользователя с двумя щелчками, например, наконечник был на «а», а не на переключателе.

<tr> 
     <td class="form-group col-md-6">Is there an indication for the drug?</td> 
     <td id="Indication" class="form-group col-md-6"> 
      <p class="radio-inline"> 
      <input type="radio" name="indication" id="a1" value="0" <?php echo $a1; ?> required onchange="ajaxFunction('indication','<?php echo $count; ?>','0','<?php echo $row['p_id']; ?>')"> 
      <a href="#" data-toggle="tooltip" data-placement="top" title="indicated">A</a> 
      </input> 
      </p>