Как сделать, чтоб код jquey применялся ко всем объектам с id #modals?
id уникален и повторятся не должен. Для этого существует class, используется точно также, но может повторятся, а вместо "#" пишется точка - ".". То есть код приобретёт такой вид:$( ".modals" ).click(function() {
$( ".main" ).css( "-webkit-filter", "blur(5px)" );
$( ".modalDialog" ).css( "background", "rgba(0,0,0,0.8)" );
$( "html" ).css( "overflow", "hidden" );
$( ".main" ).css( "transition", "0.5s" );
});
id уникальный атрибут, он не должен повторятся.