<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.news-text-full div{display: none;}
a{cursor: pointer;}
</style>
<script>
var toggle = function (cls, yes, no) {
var show;
return function (obj) {
show = !show;
obj['textContent'||'text'] = show ? no : yes;
var divs = document.querySelectorAll(cls);
for (var i = 0; i < divs.length; i++) {
divs[i].style.display = show ? 'block' : 'none'
}
return false
}
};
var showNews = toggle('.news-text-full .storyimg','Показать картинки','Скрыть картинки'),
showStory = toggle('.news-text-full .story','Показать картинки','Скрыть картинки');
</script>
</head>
<body>
<a class="yr" onclick="return showNews(this)">Показать картинки</a>
<div class="news-text-full">
<div class="storyimg">
<img src="...">
</div>
<div class="storyimg">
<img src="...">
</div>
<div class="storyimg">
<img src="...">
</div>
</div>
<br>
<a class="yr" onclick="return showStory(this)">Показать картинки</a>
<div class="news-text-full">
<div class="story">
<img src="...">
</div>
<div class="story">
<img src="...">
</div>
<div class="story">
<img src="...">
</div>
</div>
</body>
</html>