Показать сообщение отдельно
  #2 (permalink)  
Старый 02.02.2016, 12:39
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Например
<section id="least">
	<ul class="least-gallery" id="ulGallery">
	<li>
	<a class="photo" href="images/big/1.jpg">
	<img class="red small" src="images/small/1.jpg" alt="" width="160" height="160" />
	</a>
    <button>Delete</button>
	</li>
	<li>
	<a class="photo" href="images/big/2.jpg">
	<img class="small" src="images/small/2.jpg" alt="" width="160" height="160" />
	</a>
    <button>Delete</button>
	</li>
	<li>
	<a class="photo" href="images/big/3.jpg">
	<img class="small" src="images/small/3.jpg" alt="" width="160" height="160" />
	</a>
    <button>Delete</button>
	</li>
	</ul>
	</section>
	<a href="#" class="but1" id="restoreLink">Восстановить</a>



	<script>
	
	var gallery = document.getElementById('ulGallery');
	li = gallery.getElementsByTagName('li');
	for ( var i = 0; i < li.length; i++)
	{
		li[i].addEventListener('click',function(e){
			var e = e || window.event;
			target = e.target || e.srcElement;
			target.parentNode.style.display = 'none';					
		},
		true
		)
	}
	
	var restore = document.getElementById('restoreLink');
	restore.addEventListener('click',function(e){
		var e = e || window.event;
		for ( var i = 0; i < li.length ; i++)
		{
			li[i].style.display = 'block';	
		}
		e.preventDefault();
	},false)
	

	</script>
Ответить с цитированием