Gortyser

Вообще не стоит вкладывать блочные элементы в строчные.
По поводу ссылки - допускается вкладывать в ссылку блочные элементы, если они не интерактивные (кнопки в ссылки не вставляйте, короче).
Пруф: https://www.w3.org/TR/2011/WD-html5-20110525/text-...
Цитата: The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).
Upd.: все вышесказанное применимо для HTML5, конечно.

Width: 100px
Max-width: 100%
И за края экрана ничего не выйдет.

$(this).closest('.container').find('.title').html();

Жестко задана высота .navbar в 75 пикселей. Поэтому появившийся снизу блок выталкивает остальной контент наверх, где его не видно.

Вообще-то у анимаций есть такая полезная фича как animation-fill-mode. Должна помочь.

https://developer.mozilla.org/ru/docs/Web/CSS/Attr...
В вашем случае [class^=sc_block]

z-index