Скрыть/показать часть страницы в JS

Question

У меня есть изображение на моем сайте. Я хотел бы, когда я нажму на него, он покажет <div>, и когда я нажму его еще раз, он скрывает <div>. Как это сделать в JavaScript? Должен ли я использовать jQuery?

Answer 1

Вы можете сделать, как это в JQuery:

<img id="img_id" src="image path here" /> 
<div id="mydiv" style="display:none;">Some content</div> 

$('#img_id').toggle({ 
    function(){$('#mydiv').show();}, 
    function(){$('#mydiv').hide();} 
}); 

F Первый щелчок на элементе с id img_id покажет элемент с идентификатором mydiv, а второй щелчок скроет его.

Дополнительная информация о toggle() функция.

Answer 2

Посмотрите

• jQuery API .toggle()
• jQuery API .hide()
• jQuery API .show()