44 lines
2.1 KiB
HTML
Executable file
44 lines
2.1 KiB
HTML
Executable file
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<link rel="stylesheet" type="text/css" href="messages.css">
|
||
<meta charset="utf-8">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div id="messages-container">
|
||
<div class="pane">
|
||
<h3>Лошадь</h3>
|
||
<p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
|
||
<span class="remove-button"></span>
|
||
</div>
|
||
<div class="pane">
|
||
<h3>Осёл</h3>
|
||
<p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
|
||
<span class="remove-button"></span>
|
||
</div>
|
||
<div class="pane">
|
||
<h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
|
||
<p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют тёлками.</p>
|
||
<span class="remove-button"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
|
||
document.getElementById('messages-container').onclick = function(e) {
|
||
|
||
e = e || window.event;
|
||
var target = e.target || e.srcElement;
|
||
|
||
// без цикла, т.к. мы точно знаем, что внутри нет тегов
|
||
if (target.className != 'remove-button') return;
|
||
|
||
target.parentNode.style.display = 'none';
|
||
}
|
||
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|