Nexus,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.big.up {
font-size: 13pt;
background-color: #D9FFAD;
font-weight: bold;
}
</style>
<script>
addEventListener("click", function (e) {
var target = e.target;
if (target && target.classList.contains("big")) {
var up = document.querySelector('.up');
if (up && up != target) up.classList.remove("up");
target.classList.toggle("up")
}
}
);
</script>
</head>
<body>
<span class="big">Текст 1.</span><br>
<span class="big">Текст 2.</span><br>
<span class="big">Текст 1.</span><br>
<span class="big">Текст 2.</span><br>
</body>
</html>