Как при клике на ссылку переходило на невидимый обьект и он становился видимым?

Question

[Антон Нечаев]

Нужно, чтобы при клике на ссылку, текст и проч появлялось и страница пролистывалась до этого элемента.
Ссылка на код

Answer 1

[Андрей]

можно и без js
https://codepen.io/anon/pen/ybejap

#open1:target {
  display: block;
}

Comments

[Антон Нечаев]

OMG. Спасибо! Огромное! Прост когда-то делал и забыл, как.

[Антон Нечаев]

А можно, что б это плавненько происходило?

[Андрей]

Антон Нечаев: тогда только js

Answer 2

[Александр Фёдорцев]

Средствами JS.

<script>
	function showAndScroll(){
		document.getElementsByClassName('background')[0].style.display='block';
		document.getElementById('open1').scrollIntoView(true);
	}
</script>
    <a href="javascript:showAndScroll()">Ссылка на невидимый обьект</a>

Comments

[Антон Нечаев]

Настолько "невидимый" ) А если без шуток, в бэкграунд прописан дисплей нан. 29 строка.