JavaScript отображает div, когда я нажимаю на ввод?

Question

Я хочу отобразить блок div, когда я нажал поле ввода.

<input class="indifferent" type="radio" name="decision" value="indifferent"> Indifferent </br> 
<div class="input" style="display: none;"> Please help for our company! </br> <input type='text' name='help'> </br> </div> 

Как его выполнить?

Answer 1

Добавьте следующий jQuery.

$('input').on('click', function() { 
$('.input').css('display', 'block');    
}); 

JS FIDDLE

Answer 2

$(".indifferent").click(function(){ 
    $(".input").toggle(); 
}); 

Каждое нажатие на .indifferent изменит его дисплей между отображением и скрываться.

Answer 3

Я всегда предпочитаю добавлять класс, когда вы выбираете свойство sigle (для любого элемента), так как это позволит вам добавить сейчас или в будущем больше стиля в ваш div. Это больше Versatil:

$(document).ready(function() { 
      $('.indifferent').click(function() { 
       $('.input').addClass("display") 
       }); 
     }); 

FIDDLE

Answer 4

Вот простой без JQuery зависит решение:

<input class="indifferent" type="radio" name="decision" value="indifferent" onclick="document.getElementById('hidden').style.display = 'block' "> Indifferent <br> 
 
<div id="hidden" class="input" style="display: none;"> Please help for our company! <br> <input type='text' name='help'> <br> </div>